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 FlyonUI IDE extension?.
This extension is a fork of Stagewise.
Welcome to FlyonUI 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 FlyonUI IDE Extension do the magic!
You can also use the FlyonUI Blocks 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. FlyonUI IDE Extension uses real-time, browser-powered context.
- ⚡ Works out of the box
- 📖 Open source
- ⛓️ Compatible with all kinds of frameworks
- 🧠 Compatible with all IDEs and AI Agents
- 🚀 Access to all the FlyonUI Blocks from the FlyonUI Toolbar and IDE Extension
- 📔 Add documentation of your framework as a context from toolbar.
This extension connects the FlyonUI toolbar to agents included in many popular IDEs and extensions.
When you start the FlyonUI CLI, the toolbar will search for other agents running locally.
This way, you can use the FlyonUI toolbar to select elements and provide context to your AI agent without switching between your IDE and browser.
Apart from this, you can also use the FlyonUI Blocks from the toolbar to use them directly in your project.
| Agent | Supported |
|---|---|
| Cursor | ✅ |
| GitHub Copilot | ✅ |
| Windsurf | ✅ |
| 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. FlyonUI 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