Untitled UI
Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
Tier S · Best in classComponent LibraryBlock CollectionTemplateuntitledui.com
Untitled UI is a paired Figma design kit and React component library covering base controls, application UI, marketing sections, and whole page examples. The React side is MIT-licensed source code you own — installed with the `untitledui` CLI rather than imported as a dependency — built on React 19, React Aria v1.20 for accessibility, Tailwind CSS v4, and TypeScript. It also runs a hosted MCP server so coding agents can search components by natural language and pull in full page templates, and bundles the 4,688-icon Untitled UI Icons set. Free tiers exist for both Figma and React; PRO unlocks the 10k+ component Figma file, 420+ page examples, Figma variables, and the larger React catalogue.
npx untitledui@latest init --nextjsFor an agent
Reach for this over shadcn/ui when the job is a whole marketing site or an authenticated app shell rather than a handful of primitives — it ships finished page examples, not just parts, and the free React tier is MIT source you own. Wire up its MCP server first (`claude mcp add --transport http untitledui https://www.untitledui.com/react/api/mcp`): search_components does semantic visual search and get_page_template_files installs a whole page in one call, which beats guessing component names. Two traps: it is React Aria, not Radix, so it will not compose cleanly inside a Radix/shadcn tree — pick one primitive layer per app — and the counts in the marketing copy mix Figma and React, so the biggest catalogues (10k+ components, 420+ page examples) are the paid Figma file, not the free code.
Why it is here. The largest design-kit-plus-code system that treats agents as first-class consumers, with a real MCP server and semantic component search rather than a docs page to scrape.
Facts
- License
- MIT, Commercial license
- Pricing
- Freemium, Free, Open source, One-time purchase
- Framework
- React, Next.js, Vanilla JS
- Styling
- Tailwind CSS v4, Tailwind CSS
- Distribution
- CLI installer, Copy-paste snippet, Figma file or kit, GitHub repository, npm package, MCP server
- Platform
- Web
- Content type
- Code, Figma / design source files, Icons, Design tokens / theme files
- Agent readiness
- MCP server, CLI installable, Copy-paste ready code, Structured documentation, Readable open source
- Accessibility
- Built on accessible primitives, Full ARIA pattern implemented, Keyboard navigable, Focus management and visible focus, RTL and i18n aware, Accessible
- Maturity
- Actively maintained
- Pricing detail
- Figma FREE $0 (2k+ components, 350+ styles, 20+ page examples, 900+ icons). Figma PRO SOLO $129 (was $169), PRO STUDIO $399 (8 seats), PRO BUSINESS $999 (20 seats), PRO ENTERPRISE $2,499 (unlimited, SSO/SCIM). React FREE $0 (MIT, open source). React PRO SOLO $349 (was $499, 5k+ components, 250+ page examples), PRO STUDIO $999 (8 seats), PRO BUSINESS $2,499 (20 seats), PRO ENTERPRISE $8,999 (unlimited, private repo). All paid tiers are one-time with lifetime updates.
- GitHub stars
- 1,867
- Package
- untitledui
Components it ships
500 totalHelps you build
38Templates
22 of 420- Landing pages · Complete marketing homepages assembled from hero, features, social proof, and CTA sections
- Dashboards · Full app dashboard layouts with sidebar nav, metric tiles, and charts
- Dashboards 02 · Second dashboard layout family with alternative navigation shells
- Settings pages · Account, profile, team, and preference settings screens
- Settings pages 02 · Alternative settings layout with different nav structure
- Log in pages · Sign-in screens including split-image and centered-card variants
- Sign up pages · Registration screens with social auth and value-prop panels
- Forgot password pages · Password reset request and confirmation flows
- Verification pages · Email and OTP verification screens
- Informational pages · Success, error, and status full-page states
- Informational pages 02 · Second family of full-page informational states
- Email templates · Transactional email layouts matched to the design system
- 404 pages · Not-found pages for marketing sites
- About pages · Company story pages with team, metrics, and values sections
- Blog pages · Blog index layouts with featured and grid post listings
- Blog post pages · Article reading layouts with author, share, and related posts
- Contact pages · Contact forms paired with office/location and support detail
- FAQ pages · Question-and-answer pages built on accordions
- Legal pages · Privacy policy and terms layouts with in-page navigation
- Pricing pages · Plan comparison pages with billing-period toggles and FAQ
- Team pages · Team and leadership grids with role and bio detail
- Header sections · Full-width page headers for interior marketing pages
Notable for
- hosted MCP server with 7 agent tools
- React Aria accessibility foundation
- Tailwind v4 + React 19
- free MIT React tier
- 22 page-template families
- 4,688 Untitled UI Icons
- Figma-to-code parity
Provenance
Verified 2026-08-15. HTTP 200. https://www.untitledui.com/react/components, https://www.untitledui.com/pricing, https://www.untitledui.com/react/docs/introduction, https://www.untitledui.com/react/docs/installation, https://www.untitledui.com/react/integrations/mcp, https://www.untitledui.com/icons, api.github.com/repos/untitleduico/react, registry.npmjs.org/untitledui
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts