aicoolies logo
Stagewise logo

Stagewise

Browser-native frontend coding agent for production codebases

Share
open-sourceOpen Source
Visit Website →

Stagewise is an open-source frontend coding agent with 6,500+ GitHub stars that runs directly in the browser on localhost. YC S25 backed, it lets developers and designers point-and-prompt on live web applications with full devtools and console access, bridging the gap between visual editing and production codebase modification.

Stagewise eliminates context-switching between the browser and code editor for frontend development. The agent runs as a toolbar overlay on localhost development servers, allowing developers to select any element on the page and describe desired changes in natural language. Unlike cloud-based tools that work with sandboxed previews, Stagewise operates directly on the running production codebase, making changes to actual source files that can be committed through standard git workflows.

The browser-native approach provides unique advantages for frontend work. Developers see exactly how their application renders, can inspect computed styles and DOM state through integrated devtools access, and view console output alongside AI-suggested changes. This eliminates the disconnect between what AI tools see through code analysis alone versus the actual visual and runtime behavior of the application. Designers can participate directly by pointing at UI elements and describing adjustments.

Backed by Y Combinator S25, Stagewise targets the growing gap between general-purpose AI coding agents optimized for IDE workflows and the specific needs of frontend development. With 6,500+ GitHub stars and strong Hacker News developer adoption, the tool fills a niche that Cursor and similar tools do not optimize for: browser-native, visually-driven code modification on live web applications. The AGPL license keeps the tool open source while the self-hosted architecture ensures code never leaves the developer's machine.

Pricing

Free and open-source (AGPL); self-hosted toolbar and agent

Platforms

Browser-based toolbar; works with any localhost dev server

Categories

Tags

Use Cases

Alternatives

Related Tools

Accomplish Coworker

Open-source desktop AI coworker for browsing and code execution.

Accomplish Coworker is an MIT-licensed open-source AI coworker that runs on the desktop, combining computer-use style browsing with code execution so agents can research, implement, run, and debug workflows in one local environment.

open-sourceOpen SourceTelemetry

Safari MCP Server

Apple's Safari-native MCP server for web debugging agents

Safari MCP Server is Apple's safaridriver-based MCP server in Safari Technology Preview, giving compatible coding agents local access to Safari page content, console logs, network requests, screenshots, JavaScript evaluation, interactions, viewport controls, and accessibility/performance checks.

freeTelemetry
OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry

Figma MCP Server

Official remote MCP server for design-to-code and write-to-canvas Figma workflows.

Figma MCP Server is Figma’s official remote Model Context Protocol surface for design-to-code agents. It gives supported clients structured design context, variables, components, selected-frame code context, Code Connect mappings, and beta write-to-canvas tools for creating or updating native Figma frames from an MCP client while keeping the workflow tied to Figma files.

freemiumTelemetry
OpenPencil logo

OpenPencil

AI-native open-source design editor and Figma alternative

OpenPencil is an AI-native, open-source design editor for teams that want a Figma-like canvas with source-visible code and experimental AI design workflows. It is best framed as OpenPencil by the open-pencil project, separate from the same-name ZSeven-W repo, and useful for early UI prototyping, design-to-code exploration, and open-source visual editing pilots.

open-sourceOpen Source

Talk to Figma MCP

Read/write MCP bridge between AI coding agents and Figma

Talk to Figma MCP is an MIT-licensed bridge from Grab that connects Cursor, Claude Code, and other MCP-capable agents to Figma through a local MCP server, WebSocket bridge, and Figma plugin. Unlike read-only context servers, it can inspect selections, create or modify nodes, update text in bulk, and automate design operations, so teams should review permissions before enabling write access.

open-sourceOpen SourceTelemetry