Edit Your UI With a Prompt. No Context Switching.
If you want to find out, why you would need this extension, read What is the Shadcn Studio IDE extension?.
This extension is a fork of Stagewise.
Welcome to Shadcn Studio IDE Extension — the tool for developers who want to make UI changes without context switching.
- 💬 Tell what you want to change
- 🧠 Click on element(s) to let the agent know where a change should happen
- 💡 Let Shadcn Studio IDE Extension do the magic!
You can also access and integrate the Shadcn Studio Blocks & Shadcn Studio themes from the toolbar and from the extension window to insert them directly into your project.
Perfect for devs tired of pasting element information and folder paths into prompts. Shadcn Studio IDE Extension uses real-time, browser-powered context.
- ⚡ Works out of the box with popular AI coding assistants
- 📖 Open source
- ⛓️ Compatible with all kinds of frameworks
- 🧠 Compatible with all IDEs and AI Agents
- 🚀 Access to all the Shadcn Studio Blocks & ShadcnStudio themes from the Shadcn Studio Toolbar and IDE Extension
- 📔 Add documentation of your framework as a context from toolbar.
This extension connects the Shadcn Studio toolbar to agents included in many popular IDEs and extensions.
When you start the Shadcn Studio CLI, the toolbar will search for other agents running locally.
This way, you can use the Shadcn Studio toolbar to select elements and provide context to your AI agent without switching between your IDE and browser.
Apart from this, you can also access the Shadcn Studio Blocks & themes from the toolbar to use them directly in your project.
| Agent | Supported |
|---|---|
| Cursor | ✅ |
| GitHub Copilot | ✅ |
| Windsurf | ✅ |
| Antigravity | ✅ |
| Cline | ✅ |
| Roo Code | ✅ |
| Kilo Code | ✅ |
| Trae | ✅ |
We are grateful for the contributions of the open-source community, particularly:
-- Stagewise
This extension is a fork of Stagewise. Shadcn Studio IDE Extension is developed by themeselection and is offered under the AGPLv3 license.
For more information on the license model, visit the FAQ about the GNU Licenses.
- 👾 Join our Discord
- 📖 Open an issue on GitHub for dev support.
- 🐦 Follow us on Twitter