Voyage Digital
    Tools· Design & Creative

    Untitled UI

    React component library derived from the Untitled UI Figma design system, whose components install as editable source code instead of a package dependency, built on React Aria for accessibility.

    designingexecutableFreemium
    Open provider
    Untitled UI

    Description

    Untitled UI began as a Figma UI kit and design system, from which the React library Untitled UI React is derived, complemented by a standalone icon set for Figma and React. The React library is not distributed as an npm dependency but through its own command line interface: an init command sets up a project for Next.js or Vite, and an add command then copies the full source code of an individual component directly into the project. Technically, the library builds on React Aria (version 1.20 according to the documentation) for accessibility, TypeScript 5.9, and Tailwind CSS 4.3, with the stated aim of treating accessibility as a foundational principle rather than an afterthought.

    Because the code lives directly in the project instead of being managed through a package manager, improvements to the components do not make their way into existing projects on their own, though custom changes remain fully intact. The MIT-licensed free tier covers base components as well as a large share of the application UI and marketing building blocks for commercial use, while the full range of over 5,000 components and more than 250 ready-made page templates for dashboards, settings, and auth flows sits behind a paid lifetime license, unlocked through a login command in the CLI. Untitled UI deliberately ships without its own animation library, so anyone needing motion-heavy interfaces has to add one separately.

    Compared with shadcn/ui, which also distributes source code instead of a package dependency, Untitled UI React differs through its React Aria foundation and its direct link to the Figma kit, which keeps design and code in the same system. Compared with animation-heavy libraries such as Aceternity UI or Cult UI, Untitled UI is deliberately restrained and ships without built-in motion effects, focusing instead on clean, accessible application UI for SaaS and enterprise interfaces. Anyone looking for eye-catching, animated marketing sections will not find them here, but anyone needing a consistent, accessible foundation for dashboards, tables, and complex forms gets a ready-made stock instead of individual parts.

    Strengths

    Ownership model instead of package dependency
    The CLI's add command copies a component's full, editable source code directly into the project, with no runtime dependency on an external package.
    React Aria as the accessibility foundation
    Keyboard, focus, and ARIA behavior are built in from the ground up through React Aria instead of added on afterward.
    Broad free foundation
    The MIT-licensed free tier already covers base components plus many application UI and marketing building blocks for commercial use.
    Next.js integration with dark mode
    A dedicated CLI route sets up routing and theme providers for Next.js in one step, including support for light and dark mode through CSS variables.
    Origin in an established Figma kit
    Design and code come from the same system, and according to the provider, Untitled UI counts more than 380,000 designers.

    Assessment

    AI features

    • AI-ready kits for Lovable and bolt.new Alongside classic framework integrations, Untitled UI, according to the provider, offers dedicated starter kits for the AI-driven page builders Lovable and bolt.new.

    Suitable for

    • Enterprise and SaaS teams that need accessible application UI such as dashboards, tables, forms, and auth flows with correct keyboard and focus behavior
    • Teams already working with the Untitled UI Figma kit who want to keep design and code in the same system
    • Projects that want to own the component source code directly in their own repository and adapt it freely, instead of importing a closed library
    • Less suitable for Less suitable for marketing sections with pronounced motion effects, since Untitled UI deliberately ships without a built-in animation library

    Limitations and notes

    • No motion out of the box Untitled UI deliberately ships without an animation library, so motion-heavy hero sections require an external solution.
    • PRO license needed for the full range Over 5,000 components and more than 250 page templates are license-gated, the free tier covers only part of the catalog.
    • No automatic version syncing in the project Because the code lives in the project instead of being managed through a package manager, improvements to the components do not make their way into existing projects on their own, and PRO content is additionally unlocked through a login command.
    • Overlap with other primitive libraries Anyone already using shadcn/ui in a project should pick one primitives source to avoid duplicate base components.
    • Client context needed for interactive components In Next.js with the App Router, components that use React Aria hooks need the "use client" directive, otherwise they do not work as expected on the server.

    Quick start

    1. Initialize a project through the CLI, for example npx untitledui@latest init --nextjs or --vite.
    2. Add a component, for example npx untitledui@latest add button, the source code lands directly in the project.
    3. For PRO components and page templates, log in through the CLI first to link the license.
    4. In Next.js projects, wire up the route and theme providers per the integration guide, for client-side routing and dark mode support.
    5. In existing projects, alternatively install the required packages manually, extend the Tailwind configuration, and add the utility functions.

    Tips

    • Do not forget the "use client" directive for interactive components using React Aria hooks in the Next.js App Router.
    • Before installing, check whether a component already exists through shadcn/ui or another primitives library in the project, to avoid duplicate base components.
    • Add a separate animation library for motion-heavy hero or marketing sections, Untitled UI deliberately does not ship one.
    • Check the PRO login status before larger builds, so license-gated page templates do not fail mid-build.

    Access

    Untitled UI React is available at untitledui.com under an MIT-licensed free tier that covers base components plus a large share of the application UI and marketing building blocks for commercial use. The full PRO range, with over 5,000 components and more than 250 page templates, sits behind a one-time lifetime license, at around 349 USD for a solo license or 699 USD for a team license.

    Alternatives

    ui.shadcn.com — oss

    shadcn/ui

    shadcn/ui follows the same ownership model as Untitled UI React. You copy components via the CLI into your project as editable source code, but fully MIT-licensed with no PRO lifetime licence.

    park-ui.com — oss

    Park UI

    Like Untitled UI, Park UI comes from a standalone design system, here Ark UI and Panda CSS, and gives you application UI components with the same CLI ownership, entirely free under the MIT licence.

    base-ui.com — oss

    Base UI

    Base UI, from the makers of Radix, Floating UI and Material UI, offers you an accessible, open-source foundation of unstyled components, an alternative to Untitled UI's React Aria base with no paid tier.

    Last reviewed: · Pricing, plans and features are a snapshot in time. Check the provider's own page before deciding.

    In the workshop this becomes your method.

    Whoever sees this process run once wants the agent behind it next. We build that in the workshop From Process to Agent.

    View workshops

    Related resources

    Browse all resources
    Skills

    The Email Template

    Builds responsive MJML 4.x email templates and compiles them to production-ready HTML, checked against the quirks of Outlook, Gmail, and mobile clients.

    Learn more
    21st.dev
    Tools

    21st.dev

    Community-run registry of React and Tailwind components in shadcn format, letting builders copy ready-made pieces straight into an existing project via CLI command or AI prompt.

    Learn more
    Aceternity UI
    Tools

    Aceternity UI

    React and Next.js component library with 200-plus copy-paste-ready, animation-heavy building blocks built on Tailwind CSS and Framer Motion, for hero sections, 3D cards, and background effects.

    Learn more
    Adobe Firefly
    Tools

    Adobe Firefly

    Adobe's AI platform for image, video, audio and vector generation, built directly into Photoshop, Illustrator, Express and Premiere, trained on licensed content for commercially safe use.

    Learn more
    Animmaster Lib
    Tools

    Animmaster Lib

    Paid library of roughly 300 hand-coded animation components for scroll, WebGL, and hover effects, delivered as a ZIP download and integrated into a project either manually or with AI assistance.

    Learn more
    Basecoat
    Tools

    Basecoat

    Open source Tailwind CSS and vanilla JavaScript library that brings the shadcn/ui design language to any web stack as plain CSS classes without a React dependency, from HTML through Astro to Shopify Liquid.

    Learn more
    BR
    Tools

    BraveBrand Vibe Playground

    Curated prompt library for landing pages, funnels, social media carousels, and ad creatives, meant to be pasted directly into AI builders such as Claude, ChatGPT, or Lovable rather than shipped as ready-made code.

    Learn more
    Canva
    Tools

    Canva

    Canva is a widely used online design platform that combines templates with the Magic Studio AI suite for social media graphics, presentations and other visual content.

    Learn more
    Claude Design
    Tools

    Claude Design

    An AI-assisted design tool from Anthropic Labs that imports your existing design system and hands finished drafts straight to a coding agent as a ready-to-build bundle.

    Learn more
    ComfyUI
    Tools

    ComfyUI

    ComfyUI is a node-based, open-source editor that lets you build image, video, and 3D generation pipelines visually as workflow graphs.

    Learn more
    shadcn/ui
    Tools

    shadcn/ui

    Open source component system for React whose CLI copies real, editable source code into your own project instead of installing an npm package, with a growing set of helper packages for AI-driven interfaces.

    Learn more
    ShaderGradient
    Tools

    ShaderGradient

    React library for animated 3D gradient backgrounds built on WebGL, configurable through typed props or a copyable web URL, with a Figma plugin and Framer component for use outside React.

    Learn more
    Skiper UI
    Tools

    Skiper UI

    Numbered React component library with elaborate Framer Motion and GSAP animations for hero sections and marketing surfaces, free to use with attribution or as a one-time purchase without it.

    Learn more
    Starwind UI
    Tools

    Starwind UI

    Open source Astro component library that copies roughly 40 groups and about 193 individual .astro files into the project as owned, freely customizable source code via CLI, without requiring a React runtime, complemented by skills and an MCP server for AI-assisted workflows.

    Learn more
    Stitch
    Tools

    Stitch

    Stitch is an AI design tool from Google Labs that generates UI wireframes and screen mockups from text descriptions, sketches, or images.

    Learn more
    Tailark
    Tools

    Tailark

    Open source registry of 200-plus shadcn/ui blocks for marketing websites across three design kits, installable via CLI or by prompt through a dedicated MCP server.

    Learn more
    TR
    Tools

    transitions.dev-Skill

    An external repository of ready-to-use, vetted CSS transitions for common UI states, packaged as a skill that AI coding agents can pull directly into a project.

    Learn more
    UX
    Tools

    ux-designer-skill

    An external skill repository that gives Claude Code curated, working knowledge of UX/UI design, covering layout, typography, color, and WCAG 2.2 AA conformance, for designing new interfaces and reviewing existing ones.

    Learn more
    Vengeance UI
    Tools

    Vengeance UI

    Open source React and Next.js component library for expressive marketing animations, with its own template system for full page sections and a set of blocks purpose-built for agent and AI product interfaces.

    Learn more
    Watermelon UI
    Tools

    Watermelon UI

    Shadcn-compatible open source registry with more than 260 React 19 and Tailwind v4 components, ranging from single building blocks to complete dashboard and e-commerce sections, installed straight into your own source via the CLI.

    Learn more

    Conversation, not pitch

    Understand first, then decide. We take time for an initial conversation, without sales pressure, without obligation.

    Schedule a call