friday-[#000]:prices-discounted
Black Friday Deals
Days
Hours
Minutes
Seconds
Tailwind Plus + Refactoring UI
Save over 33%
What's included
- Over 500 Tailwind CSS components in HTML, React, and Vue
- All of our website templates, built with Tailwind CSS + Next.js
- The 218-page Refactoring UI ebook
- All three in-depth Refactoring UI video tutorials
- All of the Refactoring UI bonus content, including color palettes, font recommendations, and an exclusive icon library
Black Friday Bonuses
- AGENTS.md rules for working with AI coding assistants, straight from the creator of Tailwind.
- VS Code themes designed, built, and battle-tested by the Tailwind CSS team.
Get the bundle
CA$549CA$349Tailwind Plus
Save over 20%
What's included
- Over 500 Tailwind CSS components in HTML, React, and Vue
- All of our website templates, built with Tailwind CSS + Next.js
Black Friday Bonuses
- AGENTS.md rules for working with AI coding assistants, straight from the creator of Tailwind.
- VS Code themes designed, built, and battle-tested by the Tailwind CSS team.
Refactoring UI
Save over 20%
What's included
- The 218-page Refactoring UI ebook
- All three in-depth Refactoring UI video tutorials
- All of the Refactoring UI bonus content, including color palettes, font recommendations, and an exclusive icon library
Get the Package
$149$119Testimonials
I love Catalyst because I can gradually make it my own while using the stock defaults to quickly get something on the page. I also love that it lets me see how the creators of Tailwind CSS structure their components, so I (or my AI agents) can emulate their best practices.

Derrick Reimer
Founder of SavvyCal
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 Plus. It’s turned a project I might have never made the time to tackle into something I could finish and ship in an hour.

Justin Jackson
Founder of Transistor
Frequently asked questions
Everything you need to know.
General
When does the Black Friday deal end?
The Black Friday deal ends on December 1st, 2025 at 11:59pm UTC.
Do you offer purchasing power parity discounts?
Not for the Black Friday deal since it's already discounted.
How do I access the Black Friday bonuses?
After purchasing a Tailwind Plus bundle, you can download the AGENTS.md rules and VS Code themes by clicking the "Download Black Friday Bonuses" link in the email you receive after your purchase.
What is your refund policy?
If you're unhappy with your purchase for any reason, email us at support@tailwindcss.com within 30 days and we'll refund you in full, no questions asked.
Tailwind Plus
Are future updates to Tailwind Plus included with this deal?
Yes! When you purchase a Tailwind Plus license, you get access to every component package and every site template available today, plus any additional component packages or templates we release in the future at no additional cost.
This means that if we add a brand new component package like “Journalism” or design a new social media website template, access to those products are included in your original purchase.
To get an idea of what updates have looked like in the past, check out our changelog.
Are Figma, Sketch, or Adobe XD files included with Tailwind Plus?
No, design assets for tools like Figma, Sketch, or Adobe XD are not included.
We don't produce high-quality design artifacts as part of our own design and development process, so building these extra resources means we can't spend as much time creating new components and templates in code which is where we believe we can provide the most value.
What JS framework is used with Tailwind Plus?
Our website templates are built using Next.js, so all of the markup is written using React.
Our components are provided in three formats: React, Vue, and vanilla HTML.
When interactivity is required (ie. dropdowns, dialogs, etc.), we use Headless UI for the React and Vue examples, and Elements for the HTML examples. Both of these libraries provide unstyled components that we designed to integrate perfectly with Tailwind CSS.
To get a better idea of how this looks in practice, check out our documentation.
What version of Tailwind CSS is used in Tailwind Plus?
Everything in Tailwind Plus is designed and developed for the latest version of Tailwind CSS, which is currently Tailwind CSS v4.1.
What browsers are supported in Tailwind Plus?
The components and templates in Tailwind Plus are designed to work in the latest, stable releases of all major browsers, including Chrome, Firefox, Safari, and Edge.
Do you offer technical support for Tailwind Plus?
Tailwind Plus is a self-serve product, meaning that while we do offer customer support for things like account management and licensing related concerns, the expectation is that customers have the requisite knowledge of Tailwind CSS, HTML, React, and Vue to use the product successfully.
Because every project is different and the way independently authored pieces of code interact can be complex and time-consuming to understand, we do not offer technical support or consulting.
Do I need to purchase a Tailwind Plus license for each project I work on?
Unlike most other templates/themes, you don't have to buy a new Tailwind Plus license every time you want to use it on a new project.
As long as what you're building is allowed as per the license, 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 Plus for client projects?
Yes! As long what you're building is a custom website developed for a single client, you can totally use components and templates in Tailwind Plus to help build it.
The only thing you can't do is use Tailwind Plus to build a website or template that is resold to multiple clients.
For more information and examples, read through our license.
Can I use Tailwind Plus 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.
As long as what you’re building isn’t a website builder or other tool that customers can use to create their own sites using elements that originate from Tailwind Plus, you’re good to go.
For more information and examples, read through our license.
Can I use Tailwind Plus 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 Plus?
No, you cannot use Tailwind Plus to create derivative products like themes, UI kits, page builders, or anything else where you would be repackaging and redistributing our components or templates 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.
Can I upgrade to a Tailwind Plus team license later?
Yup! If you're a solo developer you can start with a regular license, and then upgrade to the team license later if other developers join your team.
There is an "Upgrade to Team License" option under the "Account" menu after logging in.
Refactoring UI
What format are the Refactoring UI files? Is there any DRM?
The book, component gallery, color palettes, and font recommendations are PDFs, the screencasts are downloadable mp4 files, and the icons are SVG.
Everything is DRM-free; that crap is annoying.
Does the Refactoring UI component gallery include CSS?
Short answer is no.
Long answer is that the goal with the component gallery is to provide layout and treatment ideas with just enough fidelity to be useful.
If you need an idea for a pricing page layout, the idea is that you'd browse the component gallery to find one you like, then combine that with what you learn from the book to create a great-looking design yourself.
There are a million ways you could style these components, and we don't want the component gallery to encourage you to make every project look the same.
What's the license for the icons included with Refactoring UI?
You can read a copy of the license here.
TL;DR: Do pretty much whatever you want with them, including using them in open-source projects. Just don't resell them or publish them on npm purely to distribute them for free or anything lame like that.