Get early access

You'll get access to the first 150+ components today, plus new components every month until we're out of ideas.

Get both packages

Bundle

Application UI + Marketing

$298 $ 249 USD
  • All application UI components

  • All marketing components

  • Lifetime access

  • Use on unlimited projects

  • Free updates

  • Community access

Application UI

$ 149 USD
  • All application UI components

  • Lifetime access

  • Use on unlimited projects

  • Free updates

  • Community access

Marketing

$ 149 USD
  • All marketing components

  • Lifetime access

  • Use on unlimited projects

  • Free updates

  • Community access

“We’ve gone through several iterations of our pricing page recently, and every time we wanted to try a new idea I was able to find the perfect starting point in Tailwind UI. It’s turned a project I might have never made the time to tackle into something I could finish and ship in an hour.”

Frequently asked questions

Why are you calling it "early access"?

We're really happy with the components we've put together so far, but we've still got a ton more we're planning to build.

Every component you see in the preview is available to use today, but that's only about 25% of what we have planned.

Instead of waiting until we've completely exhausted our own ideas before releasing the product, we decided to open it up as soon as we had enough to be useful so you can start getting value from it right away.

We'll be adding new components on a regular basis, based on our own ideas and on suggestions from early access customers.

What JS framework does Tailwind UI use?

In order to be as universal as possible, Tailwind UI is an HTML-only component library and does not include any JavaScript.

Most of the components do not rely on JS at all, but for the ones that do (dropdowns, modals, etc.) we've provided some simple comments in the HTML to explain things like what classes you need use for different states (like a toggle switch being on or off), or what classes we recommend for transitioning elements on to or off of the screen (like a modal opening).

To get a better idea of how this looks in practice, check out our documentation.

What version of Tailwind CSS is used?

The components in Tailwind UI are authored using Tailwind CSS v1.8. They also depend on some extensions to Tailwind's default config that we've bundled up in @tailwindcss/ui as a simple plugin.

Learn more about this in our getting started documentation.

What browsers does Tailwind UI support?

The components in Tailwind UI are designed to work in the latest, stable releases of all major browsers, including Chrome, Firefox, Safari, and Edge.

We don't support Internet Explorer 11.

What does "free updates" include?

We're planning to add new Marketing and Application UI components regularly over time and all new components added to those categories will be totally free for existing customers.

We may work on new component kits in the future that would be sold separately (email templates and e-commerce are ideas we've tossed around), but any components we design and build that belong in an existing kit will always be added as a free update.

What does "community access" mean?

Any purchase of Tailwind UI includes access to our private Discord server where you can suggest new component ideas, ask your peers for help with any problems you run into, and talk with other users about building things with Tailwind UI.

How do I purchase a license for my entire team?

You can purchase a license that you can share with your entire team for $599 USD here:

Buy a team license for $599 →

Team licenses are still just a single user account (at least for now), so use an email address like "team@yourcompany.com" when creating an account, and share those credentials with your team.

For more information on team licensing specifics, read through our license .

What does "unlimited projects" mean?

Unlike most other templates/themes, you don't have to buy a new Tailwind UI license every time you want to use it on a new project.

As long as what you're building will be owned by the Tailwind UI license holder, you can build as many sites as you want without ever having to buy an additional license.

For more information and examples, read through our license.

Can I use Tailwind UI for client projects?

Yes! You can use Tailwind UI for basically anything — the only thing we disallow is using it to create derivative competing products.

For more information and examples, read through our license .

Can I use Tailwind UI for my own commercial projects?

Absolutely! Your license gives you permission to build as many of your own projects as you like, whether those are simple public websites or SaaS applications that end users need to pay to access.

For more information and examples, read through our license.

Can I use Tailwind UI in open source projects?

Yep! As long as what you're building is some sort of actual website and not a derivative component library, theme builder, or other product where the primary purpose is clearly to repackage and redistribute our components, it's totally okay for that project to be open source.

For more information and examples of what is and isn't okay, read through our license .

Can I sell templates/themes I build with Tailwind UI?

No, you cannot use Tailwind UI to create derivative products like themes, UI kits, page builders, or anything else where you would be repackaging and redistributing our components for someone else to use to build their own sites.

For more information and examples of what is and isn't okay, read through our license .

What is your refund policy?

If you're unhappy with your purchase for any reason, email us at support@tailwindui.com within 90 days and we'll refund you in full, no questions asked.