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.
Click on a framework to see an example project.
Loved by Developers Worldwide
Don't just take our word for it. Here's what developers are saying about their experience.
"This Cursor Extension is awesome. Accurate tweaking of UI was always a struggle, but @stagewise_io allows you to bring full context to Cursor, just point and command."
Jason Zhou
Product engineer @ TaskMaster AI
"How did I even use Cursor before this?! Amazing extension."
Dennis Cutraro
Founder @ unfuture
"This is an amazing extension. The setup is quite simple, and it impresses from the very beginning. I was surprised how well it worked right away, even in a poorly designed brownfield project. This is only the beginning, I'm excited to see how it develops."
Egor Koldasov
"Just tried Stagewise plugin for Cursor - point and tell what to change. Way easier than describing UI elements in prompts."
Renat Abbiazov
"Our team's productivity has skyrocketed since we adopted Stagewise. Collaboration between designers and developers has never been smoother."
David Garcia
Engineering Manager @ FutureWorks
"stagewise in cursor is different gravy. UI changes for code you didn't write has never been easier"
Kareem
"stagewise is what a good interface for AI should look like"
chocologist
"🚨 VIBE CODERS: If you are using @cursor and working on a frontend, install stagewise immediately. Go in to debt if you have to. ps - it's free :)"
John Schoenith
"A must-have tool for any modern development workflow. It simplifies complex tasks and makes coding enjoyable again."
Kevin Harris
Staff Engineer @ DevHouse
Upgrade Your Workflow With Plugins
stagewise can be easily extended to fit your needs with existing plugins - or you simply build your own.
React
Improve prompts with context on your React app.
Vue
Get more accurate prompts with info on selected Vue components.
Angular
First-class support for Angular apps.
Quickstart
Install and inject the toolbar
🪄 Auto-Install the toolbar (AI-guided):
- In Cursor, Press
CMD + Shift + P - Enter
setupToolbar - 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.
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
Cursor
Windsurf
GitHub Copilot
Cline
Roo Code