FlyonUI MCP
Tailwind AI Builder that directly integrate into your IDE and craft stunning Tailwind CSS Components, Blocks and Pages inspired by FlyonUI.
FlyonUI MCP Server
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.
🚀 What is FlyonUI MCP Server?
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.
🛠️ Installation
We’ve made installation super easy!
- Access the Installation Guide and select your IDE (VS Code, Cursor, Windsurf, etc.).
- Follow the step-by-step instructions to set up MCP Server in your IDE.
- Start using FlyonUI MCP Server for free.
See the complete installation video FlyonUI MCP Installation.
📒 Documentation
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.
🔧 Usage
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.
Examples
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.
📚 Documentation & Resources
- Official Documentation
- Installation Guide
- Tailwind Blocks
- Tailwind Components
- Tailwind Templates
- Tailwind figma design system
Community 🤝
Join the FlyonUI community to discuss the library, ask questions, and share your experiences:
Contributing 📝
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.
💬 Support
Servidores relacionados
Claw2Immich
claw2immich is a Python MCP (Model Context Protocol) server that exposes selected Immich Picture App,
Google Calendar
Interact with Google Calendar to manage events, schedules, and meetings.
PocketMCP
Turn your Android phone into an MCP (Model Context Protocol) server. AI agents and desktop scripts can call your phone for live data and actions over LAN
Clockify
Manage your Clockify time entries using natural language prompts.
floor plan generator
BuildFloorPlan is an AI floor plan generator for homeowners, interior designers, builders, and small planning teams who need to move from rough input to a reviewable layout faster. It turns short briefs, sketches, images, and PDFs into clearer floor plan outputs in seconds, supports technical 2D layouts, colored presentation-ready plans, and quick 3D previews, and helps users compare layout directions before renovation, client presentation, or internal review. It is designed for fast first drafts, supports editing and refinement workflows, and does not require CAD experience. You can start free with starter credits, and paid plans add more credits, longer history, and commercial usage options.
Whoop MCP
Local MCP server that exposes Whoop recovery, sleep, and strain data to AI agents
MCP Educational Tutor
An intelligent tutoring server that uses GitHub documentation repositories to provide structured educational prompts and tools.
MCP Tasks Organizer
Converts Cursor agent plans into structured markdown task lists and organizes them in your repository.
PM Copilot
Triangulates customer support tickets and feature requests to generate prioritized product plans with convergence scoring and PII scrubbing.
OmniFocus
A professional MCP server for OmniFocus with smart caching and analytics to manage tasks and projects.