React components
React UI components and sections
Untitled UI React is built with React Aria and TypeScript, and styled with Tailwind CSS. It's the perfect starting point for any project, no matter the size.
Built with React Aria and styled with Tailwind CSS
How it works
Just copy, paste, and build
Here's a quick video to show off the power of Untitled UI.
Untitled UI in 60 seconds

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















Developer-first architecture
Built by developers, for developers
Built with React v19.2, Tailwind CSS v4.3, TypeScript v5.9, and React Aria, our components deliver modern performance, type safety, and maintainability.

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.






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.


Pricing
Simple, transparent pricing
Pay once, use forever in unlimited projects. Get lifetime access to Untitled UI today, plus any updates we release.
Untitled UI is the best $ 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
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
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
Product Designer, @imuratalpay
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
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
Product Designer, Practical UI
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!

Riccardo Buzzotta
Senior Product Designer, Spotify
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
Senior Brand Designer, Webflow
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
Design Systems, Mailchimp
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
Head of Product, Eucalyptus
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
The attention to detail and thought Jordan has put into this UI kit is unparalleled.

Dan Mcleay
Lead Designer, Fox Sports
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
Founder & Creative Director, Flowbase
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
FAQs
Frequently asked questions
Need help with something? Here are our most frequently asked questions.
Show more FAQs
General
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.9, and styled with Tailwind CSS v4.2.
It's the perfect starting point for any project—everything you need to design and build modern, beautiful interfaces and websites.
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.2. Copy production-ready components built with the latest Tailwind CSS 4.2 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 made 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.
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.
Yes, Untitled UI provides our own MCP (Model Context Protocol) integration for Untitled UI React, so AI assistants can access the component library directly from your development environment.
With the Untitled UI MCP server, tools like Claude Code, Cursor, Gemini CLI, and other MCP-compatible AI assistants can browse, search, and install components using natural language. Instead of manually copying and pasting code, your AI assistant can discover components, generate layouts, and run the correct CLI commands to add them to your project automatically.
Once connected, you can ask your AI assistant to do things like add components, build page layouts, or search the library for specific UI patterns, making it faster to prototype and build interfaces directly from prompts.
Check out our installation guide to learn more.
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.
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
Tech stack
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.
Untitled UI React components are built using the latest version of Tailwind CSS (v4.2), giving you access to the newest utility classes, performance improvements, and best practices from the Tailwind team.
Untitled UI React components are built with the latest version of React (v19.2), so you get modern features, improved performance, and full compatibility with the newest React updates out of the box.
Untitled UI React components are built with the latest version of TypeScript (v5.9), so you get modern features, better type safety, and performance improvements out of the box.
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.
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.
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
You can sign in using the same email address you used to purchase Untitled UI.
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.
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
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.
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.
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.
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
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.
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
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, purchase for someone else, or purchase under a different identity.
Affiliates
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
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.
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.
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 STUDIO, PRO BUSINESS, or PRO ENTERPRISE 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 click the Upgrade license links via your Account page to upgrade. A discount will be automatically applied to offset the amount you've already paid.
Alternatively, please get in touch via [email protected] and we can organize a discount based on what you've already paid.
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, or assets with other users within your organization, or publish a Figma library using Untitled UI assets within your organization, you'll need to purchase a PRO STUDIO, PRO BUSINESS, or PRO ENTERPRISE license:
- PRO SOLO — single user license
- PRO STUDIO — up to 8 users within your organization
- PRO BUSINESS — up to 20 users within your organization
- PRO ENTERPRISE — unlimited users within your organization
If you need to upgrade your license to add more users, please click the Upgrade license links via your Account page to upgrade. A discount will be automatically applied to offset the amount you've already paid.
Alternatively, please get in touch via [email protected] and we can organize a discount based on what you've already paid.
Absolutely! When you get to the checkout page, just choose the PRO ENTERPRISE license. PRO ENTERPRISE is perfect for large design teams, companies, and organizations.
If you need to upgrade your license to add more users, please click the Upgrade license links via your Account page to upgrade. A discount will be automatically applied to offset the amount you've already paid.
Alternatively, please get in touch via [email protected] and we can organize a discount based on what you've already paid.
We recently updated our pricing and licensing structure to better support growing teams and larger organizations. The new pricing structure reduces the cost per user for small teams.
Old pricing
- PRO SOLO — single user license
- PRO TEAM — up to 5 users within your organization
- PRO ENTERPRISE — up to 12 users within your organization
- PRO UNLIMITED — unlimited users within your organization
New pricing
- PRO SOLO — single user license
- PRO STUDIO — up to 8 users within your organization
- PRO BUSINESS — up to 20 users within your organization
- PRO ENTERPRISE — unlimited users within your organization
Existing customers are fully grandfathered into the pricing, seat limits, and license terms that applied at the time of purchase. Nothing changes for your current license unless you choose to upgrade.
Our new PRO ENTERPRISE license introduces more support for larger organizations, including SSO and SCIM 2.0, a separate Enterprise User License Agreement (EULA), React onboarding support, audit logs, and more.
If your team grows and you need additional seats or access to a larger plan, you can upgrade at any time to one of the new license tiers by clicking the Upgrade license links via your Account page. A discount will be automatically applied to offset the amount you've already paid.
Alternatively, please get in touch via [email protected] and we can organize a discount based on what you've already paid.
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.
Yes. Untitled UI provides a separate Enterprise User License Agreement (EULA) for PRO ENTERPRISE customers that replaces our standard License Agreement .
Our EULA includes additional terms designed for organizations and larger teams, including enterprise licensing rights, organizational access controls, security and compliance documentation, and other enterprise-related provisions.
If you have any questions regarding our license agreement or EULA, please get in touch via [email protected] and we can clarify this for you.
Security
Yes. PRO ENTERPRISE customers can access Single Sign-On (SSO) support using SAML 2.0, together with SCIM 2.0 provisioning support.
SSO allows organizations to securely manage authentication and access through their existing identity provider, while SCIM 2.0 helps automate user provisioning and deprovisioning across teams and organizations.
Yes. Usage and audit log data is available for admins of PRO ENTERPRISE licenses to help monitor account and workspace activity.
Audit logs provide visibility into important events including authentication activity, account access, changes, and other operational actions across the platform.
Yes. Admins of PRO ENTERPRISE licenses can manage API keys directly within their organization settings.
API key management allows teams to securely create, rotate, revoke, and manage access credentials for integrations, internal tools, and automated workflows.
Payments & billing
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.
We use Polar and Lemon Squeezy to handle payments. They use secure 128-bit SSL encrypted payments, so you're pretty safe!
Yes, you can purchase Untitled UI via PayPal, Alipay, or WeChat Pay if you prefer. To use alternative payment methods, please use our alternative checkout here.
If you purchased through Polar, you can generate an invoice via the Polar Customer Portal. You can also search from:[email protected] in your email inbox and click Access my purchase.
Once you've reached the Polar Customer Portal, just click Orders → View Order → Download Invoice to create an invoice.
If you purchased through Lemon Squeezy, 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.
If you purchased through Gumroad, just click the Generate button in your original purchase receipt from Gumroad. Search from:[email protected] "Untitled UI" in your email inbox. Here's a guide on how to generate an invoice in Gumroad.
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
Currently, there is not a version of Untitled UI for other JS frameworks.
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 380,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?
@UntitledUI is 100% my favourite.

Dan Tase✓
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✓

Chris @ Fusioo✓
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✓
I've been using Untitled on 2 projects for 2 months now and I'm amazed how fast it helps me get something polished out of the oven. Really impressed.

Marcos Patiño✓
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✓
Absolutely love the kit. The best part is lifetime of free updates. I have used this kit on numerous projects and design assignments.

Asit Khanda✓
First time using Untitled UI on project and honestly made the whole process way more efficient. Solid stuff.

Alex Varga✓
Incredible, and keeps getting better. I’ve tried dozens of UI kits for Figma (and for Sketch before that). Untitled UI, ironically enough, is the only name you should care about. It stands head and shoulders above the rest, and this keeps getting *even more true* with each update. This, ladies and gents, is the one.

Jérémy Franck✓
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✓
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✓
Untitled UI has been saving my life since 2022.

Tolu✓
View our wall of love
Join our affiliate program
A simple and easy way to make 30% of every sale you refer to Untitled UI. Earn up to $2,699.70 on each sale!
Untitled UI in 60 seconds




















