React icon

Untitled UI React

The ultimate open-source React component library

Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.
Untitled UI React button component pageUntitled UI React documentation page
Figma user
Figma user

How it works

Just copy, paste, and build

Here's a quick video to show off the power of Untitled UI.
Play icon
Untitled UI in 60 seconds
Play icon
Pause icon
Join 280,000+ designers from the world's top companies

The ultimate React library

Build fast. Build consistently.

Skip months of design and development with pixel-perfect, production-ready components. Untitled UI React includes everything you need to ship quickly.
Built with       React Aria and styled with        Tailwind CSS
React UI componentsReact UI components
React UI componentsReact UI components
React UI componentsReact UI components
React UI componentsReact UI components
React UI componentsReact UI components
React UI componentsReact UI components
React UI componentsReact UI components

Synced with Figma

Design and code in sync

Every React component is meticulously-crafted and updated with Untitled UI Figma. Keep design and code perfectly in sync, with free updates for life.
Figma user
Figma user
Figma properties panelFigma modal componentFigma assets panelFigma mockup
Figma mockup

Installation

Custom CLI tool and starter kits

Add components effortlessly with a single command using our custom CLI. Launch faster with pre-configured starter kits—designed for real-world apps, not demos.

Get started in seconds

npx untitledui@latest init --nextjs
You'll be asked a few questions to set up your project:
? What is your project named? › untitled-ui
? Which color would you like to use as the brand color?
  brand
    blue

   indigo
    violet
  ↓ purple
This will create a brand new Next.js project in the untitled-ui directory with all the configurations and components pre-installed!

CSS variables

Dark mode with one click

Effortless dark mode support with CSS variables. No need for separate styles.
Untiled UI components light mode
Untiled UI components light mode
Image comparison slider
Figma user
Figma user

Pricing

Simple, transparent pricing

Pay once, use forever in unlimited projects. Get lifetime access to Untitled UI today, plus any updates we release.
Gumroad 5 stars

Untitled is the best $129 I've spent on my business in a long time. I'm going to keep using it and recommending it to every designer I know.

Sam Pierce Lolla
Sam Pierce Lolla
Founder, Shuffleboard
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Over the years we've featured hundreds of UI kits on UXCrush, but Untitled UI is by far the most comprehensive and detailed I've seen yet. A must have for any designer!

Luca Vavassori
Luca Vavassori
Founder, UXCrush
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

I've used all UI kits on the market. I can say without a doubt that the Untitled UI kit is the best on the market. It covers everything a designer needs in a modern and efficient way.

Murat Alpay
Murat Alpay
Product Designer, @imuratalpay
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Incredible, and keeps getting better. I’ve tried dozens of UI kits and Untitled UI is the only name you should care about. It stands head and shoulders above the rest.

Jérémy Franck
Jérémy Franck
Designer, @jrmyfranck
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Such a beautiful, detailed, and extensive UI kit. Untitled UI is the perfect foundation for any project. I highly recommend this huge time saver.

Adham Dannaway
Adham Dannaway
Product Designer, Practical UI
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Untitled UI has been an amazing resource that I'm learning to rely upon to spin up ideas in no time. I think I might launch a startup pretty soon by mistake here!

Ricardo Buzzotta
Riccardo Buzzotta
Senior Product Designer, Spotify
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

The sheer scale, details, and organization of this kit is mind-blowing. It covers nearly everything a Designer could need in a modern, efficient and systematic way.

Corey Moen
Corey Moen
Senior Brand Designer, Webflow
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

I'm super impressed with this. I love poking around in other peoples UI Kits to see how they think. This is probably one of the most comprehensive I've seen.

Matt Walker
Matt Walker
Design Systems, Mailchimp
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

I'm super excited to use this for quick mockups of ideas in Figma. We're always trying to streamline our design process so we can move fast! Definitely recommend.

Jenny Chu
Jenny Chu
Head of Product, Eucalyptus
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Untitled UI is easily the best UI kit I've used so far. It has an insane amount of components that are all incredibly well-built. I don't even know how many hours this will save.

Sunny Trochaniak
Sunny Trochaniak
Founder, NewPulse Labs
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

The attention to detail and thought Jordan has put into this UI kit is unparalleled.

Dan Mcleay
Dan Mcleay
Lead Designer, Fox Sports
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Untitled UI is incredibly well-organized and the attention to detail is great. I highly recommend this kit to any designer that wants to create beautiful designs fast.

Tom Bekkers
Tom Bekkers
Founder & Creative Director, Flowbase
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

What an awesome Figma kit... it's an absolute game changer. This is the perfect base for any design system. The size and attention to detail is next level.

Dan Anisse
Dan Anisse
Co-founder, Relume
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

We've been using Untitled to build Himalayas 2.0 and have finished a complete redesign in just a few days. It has everything we need already pixel-perfect.

Abi Tyas Tunggal
Abi Tyas Tunggal
Co-founder, Himalayas
Star iconStar iconStar iconStar iconStar icon

FAQs

Frequently asked questions

Need help with something? Here are our most frequently asked questions.
Show more FAQs
General

What is Untitled UI React?

Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.

Skip months of design and development with pixel-perfect, production-ready components. Untitled UI React is built with React Aria and TypeScript v5.8, and styled with Tailwind CSS v4.1.

It's the perfect starting point for any project—everything you need to design and build modern, beautiful interfaces and websites.

What makes Untitled UI React better?

Untitled UI React isn't just a collection of basic components like most React component libraries. It's consistent, professionally designed, and includes everything you need to design and develop modern, beautiful interfaces, web apps, and websites in one neatly organized package.

Here’s what sets Untitled UI React apart:

  • Built by professionals. Accessible, responsive, and production-ready components designed for modern performance using a modern tech stack.
  • 5,000+ components. Not just another basic or inconsistent library, but a comprehensive, growing collection with 5,000+ components and 250+ page examples to help you design and build with confidence.
  • Open-source components. Hundreds of free and open-source components and sections you can use in unlimited commercial projects.
  • Styled with Tailwind CSS 4.1. Copy production-ready components built with the latest Tailwind CSS 4.1 utility classes and performance.
  • No third-party maintainers. Modern performance without annoying lock-ins. You own the code, so you can build and extend without relying on third-party maintainers and packages.
  • React Aria accessibility and longevity. Built on React Aria with WAI-ARIA accessibility standards and best practices—actively maintained by Adobe, so you won’t get left high and dry like Radix UI and other frameworks.
  • Custom CLI tool. Add components or scaffold new projects effortlessly with a single command using our custom CLI tool.
  • Official starter kits. Launch faster with pre-configured starter kits for Bolt.new, Next.js, and more—designed for real-world apps, not demos.
  • Synced with Figma. Perfectly aligned with Untitled UI Figma, the world’s largest and most popular Figma UI kit and design system. Keep design and code perfectly in sync, with free updates for life.
  • One purchase, free updates for life. No annoying subscriptions. No hidden fees. Use Untitled UI React components in unlimited projects, forever.
  • Always growing. Untitled UI Figma launched in 2021 and we've ade thousands of improvements and updates since. We're just getting started.

Too many React component libraries lack in size, scalability, consistency, or quality—usually all three. We couldn't find a React component library we loved, so we built one.

We've made a huge part of Untitled UI React free and open source. Use our free components in unlimited commercial projects—no strings attached. Just copy, paste, and build.

Check out our documentation and explore our free components to get started.

Does Untitled UI include npm packages?

Yes, Untitled UI provides official public and private npm packages for both the FREE and PRO versions of Untitled UI React and Untitled UI Icons.

Does Untitled UI React include a CLI tool?

Yes, Untitled UI provides our own custom CLI tool for both the FREE and PRO versions of Untitled UI React so you can add components effortlessly with a single command in seconds.

If you're starting a new project, simply use our CLI to scaffold a new Untitled UI project with pre-installed components and configurations.

Check out our installation guide to learn more.

Is dark mode supported?

Untitled UI React components come with native dark mode support out-of-the-box, so there’s no need for separate styles. Dark mode styles are managed via design tokens and CSS variables, not hardcoded in components. This keeps your styles consistent and easy to maintain.

Check out our dark mode documentation to learn more.

Does Untitled UI React have a Figma library?

Yes, Untitled UI React is perfectly aligned with Untitled UI Figma, the world’s largest and most popular Figma UI kit and design system.

Keep design and code perfectly in sync, with free updates for life.

Free components

Is Untitled UI React free and open source?

We've made a huge part of Untitled UI React completely free and open source! Open source components are licensed under the MIT license, which means you can use them for free in unlimited commercial projects.

Untitled UI React base components are open source, along with hundreds of additional application UI components and marketing website sections.

The PRO version includes hundreds more advanced UI components and 250+ dashboards, settings pages, and marketing website page examples.

Which components are open source?

Untitled UI React base components are 100% free and open source. These include foundational UI components such as buttons, inputs, text editors, tooltips, and other useful building blocks for modern interfaces and websites.

You can also access hundreds of additional free and open-source application UI components and marketing website sections. These are marked as "free" in our docs—you can copy and use these in unlimited personal and commercial projects!

Need more? You can upgrade to the PRO version of Untitled UI React to get instant access to hundreds more advanced UI components and 250+ dashboards, settings pages, and marketing website page examples.

Tech stack

What tech stack does Untitled UI React use?

Untitled UI React components are built with and powered by:

We’ve kept our tech stack minimal, so you can focus on building instead of wrestling with dependencies. You own the code so you can build and extend without relying on third-party maintainers.

We're always working to make Untitled UI better than ever, including implementing new updates into our products as fast as possible. All Untitled UI products come with free updates for life.

What version of Tailwind CSS does Untitled UI React use?

Untitled UI React components are built using the latest version of Tailwind CSS (v4.1), giving you access to the newest utility classes, performance improvements, and best practices from the Tailwind team.

Do Untitled UI React components work with React v19.1?

Untitled UI React components are built with the latest version of React (v19.1), so you get modern features, improved performance, and full compatibility with the newest React updates out of the box.

What version of TypeScript does Untitled UI React use?

Untitled UI React components are built with the latest version of TypeScript (v5.8), so you get modern features, better type safety, and performance improvements out of the box.

What are Untitled UI React components based on?

To ensure every component meets modern accessibility standards and best practices, Untitled UI React components are built on top of React Aria.

React Aria is a library of unstyled primitives that make it easy to build high-quality and accessible components. React Aria is actively maintained and continuously improved by Adobe, ensuring long-term reliability and support.

What browsers are supported?

All Untitled UI React components are built to work seamlessly in the latest stable versions of major browsers, including Chrome, Firefox, Safari, and Edge.

Internet Explorer 11 is not supported.

Can I use Untitled UI React with Vue, Svelte, or other JS frameworks?

Untitled UI React components are built specifically for React. However, the Tailwind tokens are framework-agnostic and can be used in almost any project that supports Tailwind CSS!

To integrate them, simply run npx @untitleduico/cli tailwind in your project directory to scaffold a new Untitled UI project.

Check out our installation guide to learn more.

Account access

How do I sign in to my account?

You can sign in using the same email address you used to purchase Untitled UI.

Why can't I sign in using my email?

Please check your email address for any typos and make sure you're using the same email address you used to purchase Untitled UI.

If you get super stuck, we're here to help via [email protected]. We're a small team, but will get back to you as soon as possible.

Why didn’t I receive my sign in email or code (OTP)?

If your sign in email didn't arrive, here are a few things to try:

  • Check your spam, junk, or promotions folder. Please mark this email as "not spam" so it does not get filtered next time.
  • Please wait a couple of minutes and try again.
  • If you’re using a work or custom domain email, your company, email provider or email client might have blocked it.

If you get super stuck, we're here to help via [email protected]. We're a small team, but will get back to you as soon as possible.

Lifetime updates

What does "lifetime access" mean?

Once you have purchased any Untitled UI product, you will have access to all of the future updates to that product, free of charge. We'll let you know when updates and improvements are made.

How do I access the files after purchasing?

After purchasing, you will be able to sign in to Untitled UI to access files and assets, including full edit access to the PRO Figma files to duplicate into your own Figma account.

After each update, we’ll send you an email with what’s new and post it in our changelog. Please sign in using the email address you used to purchase Untitled UI to access files and assets.

How do I access updates after purchasing?

After each update, we’ll send you an email with what’s new and post it in our changelog. Please sign in using the email address you used to purchase Untitled UI to access files and assets.

How can I find my receipt email?

To find your original purchase receipt email search from:[email protected] "Untitled UI" in your email.

If you cannot find your receipt email using this search term, the purchase may have been under a different email address.

Support

How does support work?

If you're having trouble accessing Untitled UI or have questions about your license, we're here to help—just email us at [email protected].

Please contact us from the same email address you used to purchase Untitled UI. We're a small team, but we'll do our best to get back to you as soon as possible.

Please note: we do not offer general frontend/React/Tailwind CSS technical or debugging support for individual projects. Untitled UI React is a self-serve product, intended for developers with a working knowledge of React, Tailwind CSS, and HTML.

If you're unsure, we offer free and open-source React components you can try before purchasing.

Do you provide video tutorials?

Not yet, but we're working on it! In the meantime, we've done our best to make Untitled UI products as intuitive as possible and we're adding even more notes and documentation to components.

Education discounts

Do you provide an education discount?

We offer a 50% discount for full-time students. Please shoot us an email at [email protected] from your student email and attach a student ID with valid dates before purchasing!

Please note this is only available for full-time students and invalid or incomplete emails will not receive a response. You are not permitted to share your discount code or purchase for someone else.

Affiliates

Do you have an affiliate program?

Yes, we do! We've recently launched our affiliate program—a simple and easy way to make money for referring people to Untitled UI. Get 30% of every sale you refer. There's no limit on how much you can earn.

Licensing

Can I use Untitled UI for commercial projects?

Yes! You can use Untitled UI Figma, Untitled UI React, and Untitled UI Icons in unlimited personal and commercial projects.

As long as you're not reselling, redistributing, repackaging, or repurposing Untitled UI to create similar or competing products, even for different frameworks, you're good to go! Please read our License Agreement before purchasing.

If you have any questions regarding our license agreement, please get in touch via [email protected] and we can clarify this for you.

Can I use Untitled UI for multiple projects?

Absolutely! You can use Untitled UI for as many projects as you like, with free updates for life. Please read our License Agreement before purchasing.

What is a user?

A "user" is defined as any individual within your company or organization who directly accesses or uses Untitled UI files, components, or assets. This includes access to published Figma libraries using Untitled UI products.

You may share access with your team members only if you've purchased a PRO TEAM, PRO ENTERPRISE, or PRO UNLIMITED license for the respective products. License seats cannot be allocated to users outside of your company or organization.

If you need to upgrade your license to add more users, please get in touch via [email protected] and we can organize a discount based on what you've already paid.

Do I need a team license?

If you're working on your own, you only need a PRO SOLO license.

However, if you need to share access to Untitled UI files, components, assets, or publish a Figma library using Untitled UI assets within your company or organization, you'll need to purchase a PRO TEAM, PRO ENTERPRISE, or PRO UNLIMITED license.

If you need to upgrade your license to add more users, please get in touch via [email protected] and we can organize a discount based on what you've already paid.

Can I use Untitled UI with more than 12 users?

Absolutely! When you get to the checkout page, just choose the PRO UNLIMITED license. PRO UNLIMITED is perfect for large design teams, companies, and organizations.

Can I upgrade to a team or enterprise license?

If you need to upgrade your license to add more users, please get in touch via [email protected] and we can organize a discount based on what you've already paid.

Can I use Untitled UI to create a similar product?

No. You can't use Untitled UI to create a competing or similar product, such as a UI kit, library, template, even if modified. This includes for other frameworks and software. License agreements exist for people who do this.

Please read our License Agreement before purchasing. If you have any questions regarding our license agreement, please get in touch via [email protected] and we can clarify this for you.

Payments & billing

Is it a one-time purchase?

All Untitled UI products are a one-time purchase and payment. There are no recurring charges or surprises—buy once and use forever.

Once you have purchased any Untitled UI product, you will have access to all of the future updates to that product, free of charge. We'll let you know when updates and improvements are made.

Are payments secure?

We use Lemon Squeezy and Gumroad to handle payments. They use secure 128-bit SSL encrypted payments, so you're pretty safe!

Can I get an invoice?

You can generate an invoice from your My Orders page if you made an account. Just click the Generate Invoice button. Here's a guide on how to generate an invoice in Lemon Squeezy.

If you didn't make a Lemon Squeezy account, just click the Generate button in your original purchase email. Search from:[email protected] "Untitled UI" in your email inbox.

What is your refund policy?

Due to the digital nature of our products, we no longer offer refunds. We back Untitled UI 100% and know you'll love it too—that’s why we offer 100% free versions of all our products for you to try before purchasing.

Please use the preview links on our website to explore the full versions of Untitled UI Figma, Untitled UI React, and Untitled UI Icons before purchasing to make sure they're right for you and fit your needs.

Unfortunately, our previous refund policy was repeatedly abused, with many cases of customers continuing to use our products in commercial projects after receiving a refund. You can read the full policy in our License Agreement.

Others

Is there a version for Vue, Svelte, Angular, or SolidJS?

Currently, there is not a version of Untitled UI for other JS frameworks.

Is Untitled UI affiliated with Tailwind?

No, Untitled UI is not affiliated with, sponsored by, or endorsed by Tailwind Labs or Tailwind CSS. Any references to Tailwind in our docs or products are for descriptive and compatibility purposes only. We’re just big fans!

All trademarks are owned by their respective owners.

Wall of love

Join 280,000+ designers

We've been blown away by the ongoing support from our incredible design community. They inspire us every day. Want to join our wall of love?
5-star rating

Best UI kit in the game just got better. Incredible stuff.

Ramy Majouji
Ramy Majouji
5-star rating

Someone bought this kit for me last year and it changed my UI career.

Tolu
Tolu
5-star rating

I started using it at v3.0, v4.0, then v5.0 and now it’s v6.0. I’ve never regretted it. Leyr's UI was built on it, saving me hours and helped us launch our development platform much faster. Highly recommend @UntitledUI by @jordanphughes.

Maksym Lytvynovskyi
Maksym Lytvynovskyi
5-star rating

Hands down @UntitledUI is the best.

Ashish
Ashish
Founder, Pikaicons
5-star rating

I never used a UI Kit before, but after purchasing @UntitledUI from @jordanphughes it's been a game-changer for my Figma skills! Now I know how to use components.

Taimoor Nasir
Taimoor Nasir
5-star rating

This is hands down the most stable and high-quality UI kit in the world! It’s a game changer for any design project, providing seamless functionality and exceptional aesthetics. Highly recommend it!

Murat Alpay
Murat Alpay
5-star rating

@jordanphughes is the goat. One of the best designers in the game.

DANN©
DANN©
5-star rating

If designing your own UI kit & component library is too much, Untitled UI is an extensive UI kit with everything you need to get started. This kit is a great starting point to customize pre-built components & create your own screens.

Femke
Femke
Design Lead, Gusto
5-star rating

Use @UntitledUI. As close as the perfect UI library as I can imagine.

Matteo Schiavon Lopez
Matteo Schiavon Lopez
5-star rating

Absolutely I’ve learned a lot using and exploring Untitled UI, and now I ask all Junior Designers I mentor to buy it and learn from it.

Pochetrino
Pochetrino
5-star rating

Best UI design system on Figma. Looking forward to digging through it again.

☜ art
☜ art
5-star rating

Finally got my hands on @UntitledUI – a design system that's pure gold. Worth every last penny spent!

View our wall of love