Untitled UI
Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
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 --nextjsReach 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.
- 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
- 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
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
