Visual vibe coding.
Right in your codebase.

Our toolbar connects your app frontend to your favorite code agent and lets you edit your web app UI with prompts.

Cursor, Windsurf & VS Code Support
Works with all frameworks
Open Source
Download now
|

embraced by engineers from leading companies

AdobeAirBnBAmazonMicrosoftOracleSamsungZendesk

See It In Action

Watch how stagewise connects your browser UI to your code editor, providing real-time context for your AI agents.

Features

The stagewise toolbar makes it incredibly easy to edit your frontend code with AI agents

Works out of the box

Simple setup with minimal configuration required

Customizable

Use your own configuration file to tailor the experience

Connect to MCP

Connect to your own MCP server for enhanced capabilities

Zero impact

Does not impact bundle size of your production app

Rich context

Sends DOM elements, screenshots & metadata to your AI agent

Live comments

Comment directly on live elements in the browser

Works With Your Stack

stagewise integrates seamlessly with popular frontend frameworks.

ReactReact
VueVue
AngularAngular
SvelteSvelte
Next.jsNext.js
NuxtNuxt

Click on a framework to see an example project.

Upgrade Your Workflow With Plugins

stagewise can be easily extended to fit your needs with existing plugins - or you simply build your own.

React

React

Improve prompts with context on your React app.

Vue

Vue

Get more accurate prompts with info on selected Vue components.

Angular

Angular

First-class support for Angular apps.

Quickstart

1

Install the code editor extension

Install the extension from the extension store of your favorite code editor.

2

Install and inject the toolbar

🪄 Auto-Install the toolbar (AI-guided):

  1. In Cursor, Press CMD + Shift + P
  2. Enter setupToolbar
  3. Execute the command and the toolbar will init automatically 🦄

Or follow the manual way:

⚡️ The toolbar will automatically connect to the extension!

Check out the Quickstart Guide for the React, Next.js, Vue and Nuxt SDKs.

3

Start your visual vibe coding journey! 🎉

Click on the chat icon in the bottom right corner of your app to get started.

Agent Support

Compatible with all popular AI coding assistants

CursorCursor
WindsurfWindsurf
GitHub CopilotGitHub Copilot
ClineCline
Roo CodeRoo Code

Ready to enhance your AI coding experience?

Join our growing community of developers using stagewise to supercharge their AI-powered coding workflow.