Are you the author? Sign in to claim
MCP server for flyonUI
Build modern, production-ready UI blocks, components, and landing pages in minutes. Seamlessly integrates with your favorite IDE and supports the most popular frameworks like React, Next.js, Nuxt, Vue, Svelte, and more.
FlyonUI MCP Server is an Tailwind AI builder that helps you create, inspire, and refactor stunning, production-ready blocks, UI components and full pages using FlyonUI blocks. It easily integrates directly into your favorite IDE for a fast & efficient workflow.
Try FlyonUI MCP Server for free today.
We’ve made installation super easy!
See the complete installation video FlyonUI MCP Installation.
FlyonUI MCP Server is designed to be intuitive and easy to use. The commands are simple and straightforward, allowing you to create, inspire, and refine UI blocks quickly.
For detailed documentation on how to use FlyonUI MCP Server, please refer to the FlyonUI MCP Documentation.
FlyonUI MCP Server provides three main commands:
| Command | Description | Use Case |
|---|---|---|
/cui | Create UI | Customize from existing FlyonUI blocks |
/iui | Inspire UI | Generate new, creative UI blocks |
/rui | Refine UI | Refine or edit an existing block |
See the complete Documentation for using FlyonUI MCP Server here: FlyonUI MCP Documentation.
Watch video tutorial here: FlyonUI MCP Usage.
Create UI (/cui):
/cui Create a hero section for an eLearning Academy site.
/cui Create a feature section for my landing page like Features 8.
Inspire UI (/iui):
/iui Create a hero section for my AI SaaS - AI Video Generator.
/iui Create a feature section for my productivity app.
Refine UI (/rui):
/rui Update the theme to Shadcn.
/rui Replace the “Get Started” button with Login and Register buttons.
/rui Change the Hero section layout from horizontal to vertical.
Join the FlyonUI community to discuss the library, ask questions, and share your experiences:
Fix a bug, or add a new feature. You can make a pull request and see your code in the next version of FlyonUI MCP.
Before adding a pull request, please see the contributing guidelines.
Run Claude Code as an MCP server so any agent can delegate coding tasks to it
@microsoft✓ OfficialBrowser automation using accessibility snapshots instead of screenshots
@googleapis✓ OfficialGoogle's universal MCP server supporting PostgreSQL, MySQL, MongoDB, Redis, and 10+ databases
@github✓ OfficialOfficial GitHub integration for repos, issues, PRs, and CI/CD workflows