Design system · React
Tucu UI
Components, theming and an MCP so AI generates correct UI
Open source · v3.10.0
Tucu UI (@e-burgos/tucu-ui) is a React design system built from scratch with TypeScript and Tailwind CSS v4. It includes components, automatic layouts (with macOS Sonoma and Tahoe replicas), a theming engine, forms, tables, charts, icons and blockchain components. Since 3.4.0 it also works with Next.js 16 (App Router).
It also ships its own MCP server (@e-burgos/tucu-ui-mcp) and an installable skill so AI agents generate correct UI on top of the library. It is open source (MIT), on npm, with live documentation.
What it solves
Every new project repeats the same groundwork: themes, layouts, forms, tables, modals, iconography. Tucu UI packages that base as an installable dependency. The second problem is AI agents: without context they invent props and variants, and the MCP and skill give them the real catalog.
Key points
Broad catalog
25 component domain folders: forms, data table, charts, dialogs, carousels, layouts and more.
Two ways to load the CSS
/styles ships Tailwind v4 included and /theme ships only tokens and styles for projects already running their own Tailwind v4.
MCP and skill for AI
An MCP server and a skill so agents use the real catalog instead of inventing props.
Tested and maintained with SDD
On main there are 195 test files in the library; the CHANGELOG references specs and cycles since 3.x.
Features
- Classic, Minimal and macOS layouts
- Theming with presets, dark/light and RTL
- Forms and data table
- Charts
- Next.js 16 App Router
- MCP and skill for AI agents
Tech stack
Need something similar?
Tell Tuki your idea and in minutes you get a price range in your currency, no strings attached.