Design in Tailwind, keep it as code
The component library your AI tools can actually use.
Bring a design in from Figma, or write and edit it here. Keep everything in projects, export it to React, Vue and Svelte, and let coding agents read and write it over MCP instead of guessing.
- Figma to code
Send a Figma design and get editable Tailwind code, not a picture. - Projects and a theme
Every design lives in a project that shares one look. - Export anywhere
HTML, React, Vue or Svelte in one click. - MCP for coding agents
Claude Code and Cursor read and write your projects.
Gallery
AI Prompt
10 components +10 NEW
Announcement Banners
10 components +10 NEW
Application Components
10 components +10 NEW
Authentication
10 components +10 NEW
Blog Sections
10 components +10 NEW
Button Groups
10 components +10 NEW
Card Sections
10 components +10 NEW
Charts
10 components +10 NEW
Clients Sections
10 components +10 NEW
Contact Sections
10 components +10 NEW
Cookie Banners
10 components +10 NEW
Dropdowns
10 components +10 NEW
FAQ Sections
10 components +10 NEW
Features
10 components +10 NEW
Feedback
10 components +10 NEW
Footers
10 components +10 NEW
Galleries
10 components +10 NEW
Hero Forms
10 components +10 NEW
Hero Sections
10 components +10 NEW
Icon Sections
10 components +10 NEW
Invoice
10 components +10 NEW
Layouts
10 components +10 NEW
Mega Menu
10 components +10 NEW
Modals
10 components +10 NEW
Navbars / Headers
10 components +10 NEW
Pricing Page
10 components +10 NEW
Pricing Sections
10 components +10 NEW
Product Listings
10 components +10 NEW
Selects
10 components +10 NEW
Stats
10 components +10 NEW
Subscribe
10 components +10 NEW
Tables
10 components +10 NEW
Team Sections
10 components +10 NEW
Testimonials
10 components +10 NEW
Textarea Inputs
10 components +10 NEW
Timeline
10 components +10 NEW




