Crafted with pure Tailwind CSS
Bring your next idea to life in no time.
Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.
UI Blocks
Beautiful UI components, built for real-world projects.
A library of 500+ professionally designed, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content.
Loading subcategories...
Pricing
Get everything, forever.
Get lifetime access to 500+ components and every template available today, plus any new content we add in the future for a simple one-time price.
UI Blocks
Over 500+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content.
Templates
Visually-stunning, easy to customize templates built with React and Next.js. The ultimate resource for learning how experts build websites with Tailwind CSS.
Personal
For individuals working on their next big idea.
₹8,500
one time payment
plus local taxes
Lifetime access — get instant access to everything we have today, plus any new components and templates we add in the future.
Testimonials
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
FAQ
Frequently asked questions
Everything you need to know about browsing, using, and getting the most out of uieats.
uieats is a curated library of Tailwind CSS UI blocks for marketing sites, application dashboards, and ecommerce projects. Browse live previews, copy the code, and adapt each component to your stack.
Yes. You can explore the full component catalog without an account. Create a free account to save favorites and pick up where you left off across devices.
The blocks are meant as starting points for your own projects. Check your license or plan details for commercial use, redistribution, and attribution requirements before shipping to production.
Open any block, switch to the code view, and copy the JSX and Tailwind classes. Components are designed to drop into React and Next.js projects with minimal changes.
Examples are built with React and Tailwind CSS. Most blocks translate cleanly to other frameworks that support utility-first CSS, though you may need to adjust markup and state handling.
Sign in with Google or request a one-time code by email — no password required. After verifying the code, your session stays active so you can save favorites and return anytime.