Untitled UI React
The ultimate open-source React component library



Developer-first architecture
Built by developers, for developers

Styled with Tailwind CSS v4.1

Accessible by design

AI-ready Lovable and bolt.new kits

Modern performance + updates
Untitled UI React is built with
React
Tailwind CSS
TypeScript
React Aria

Synced with Figma
Design and code in sync






Installation
Custom CLI tool and starter kits
Get started in seconds
? Which color would you like to use as the brand color? ›
❯ brand
blue
indigo
violet
↓ purple
CSS variables
Dark mode with one click


Pricing
Simple, transparent pricing
FAQs
Frequently asked questions
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.
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.
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.
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.
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?
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.
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.
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.
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.
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.
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.
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
Best UI kit in the game just got better. Incredible stuff.

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

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.

Hands down @UntitledUI is the best.

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.

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!

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

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.

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

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.

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

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

Join our affiliate program














