Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>Shadcn Studio IDE ExtensionNew to Visual Studio Code? Get it now.
Shadcn Studio IDE Extension

Shadcn Studio IDE Extension

Themeselection

|
8 installs
| (0) | Free
Edit Your UI With a Prompt.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Shadcn Studio logo Shadcn Studio IDE Extension

Edit Your UI With a Prompt. No Context Switching.

Shadcn Studio IDE extension

GitHub Repo stars X (formerly Twitter) Follow

If you want to find out, why you would need this extension, read What is the Shadcn Studio IDE extension?.

About the project

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.

Features

  • ⚡ 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.

What is the Shadcn Studio IDE extension?

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.

🤖 Supported agents / IDEs

Agent Supported
Cursor ✅
GitHub Copilot ✅
Windsurf ✅
Antigravity ✅
Cline ✅
Roo Code ✅
Kilo Code ✅
Trae ✅

Credits 🤘

We are grateful for the contributions of the open-source community, particularly:

-- Stagewise

📜 License

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.

💬 Community & Support

  • 👾 Join our Discord
  • 📖 Open an issue on GitHub for dev support.
  • 🐦 Follow us on Twitter

Useful Links 🎁

  • Shadcn Components
  • Shadcn Templates
  • Shadcn figma design system
  • Shadcn AI Builder
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft