Tailwind CSS
p/tailwind-css
A utility-first CSS framework for rapid UI development
Adrian Marin 🥑
Tailwind UI Templates — Beautiful Next.js templates built by the Tailwind CSS team.
Featured
49
Visually-stunning, easy to customize site templates built with React and Next.js. Designed and built by the makers of Tailwind CSS themselves., it's the perfect starting point for your next project.
Replies
Dan Benoni
Top quality components. It's rare that I'm impressed by a team's craftsmanship, but these guys nail it every time.
James Gill
It seems that everything the Tailwind team touch turns to gold. These new templates, and even the Tailwind site itself are all just a total delight. I had never tried Tailwind until recently, and since using it I can't imagine using anything else. The components and templates, even if not using, are a great source of inspiration for quality user interface and marketing site design.
Allan Jiang
Need more of these, as well as the component templates.
Tuan Cao
Congrats Tailwind Team. I absolutely vouch for the production quality of the new template here. It's really high quality code, I can read and understand it almost immediately. I get this page: https://sendtopod.com/podcast live in just 2 days. Thank to new template.
Adrian Marin 🥑
That looks amazing @tuancm! Tools like Tailwind UI & UI Templates really are the next step in development evolution. Thanks for the reply!
Sampson Ovuoba
Congratulations on the launch! The templates are absolutely gorgeous.
Adrian Marin 🥑
Hey, I'm Adrian a long-time user of Tailwind CSS and Tailwind UI. I love how easy it is to just pick up Tailwind UI components, stick them into your pages and they just work 🙌. Now, the same amazing team released Tailwind UI Templates. I played around with a couple of them and the result is mind-blowing. Not only do you get the scaffolding for an app but you see how they used Tailwind CSS themselves. The templates look cool and clean, the code is well organized and they give you a big head-start when you build your landing pages. If you have kind words and good experiences with Twilwind products, please let us know in the comments 💬 Good job guys 💪
Csaba Kissi
They are awesome. I was still disappointed. I would like to see an Html version. I prefer Astro over NextJs for landing pages. In NextJs, there is 100KB of unnecessary code in this case.
Adrian Marin 🥑
I know what you mean @csaba_kissi. I can't speak for the team, just for myself, but I guess you have to make a choice at some point to deliver such a product. "What can we do so our product has the biggest impact it can have?" I think in the future we might have a greater convergence area between the big frameworks. I can already see common patterns (templating, hooks, reactivity). So it could be easier to build products like there cross-platform.
Jason McKee
@adrianthedev I agree 100% with the comment about seeing how they use Tailwind CSS. It's like you get a great component and learn a bit more how to create it yourself each time.
Jonathan Reinink
@adrianthedev Hey thanks so much for hunting this Adrian! 🙏
Adrian Marin 🥑
It's my pleasure, man! I love and appreciate all the work you do in open source and community building 💪
Ghost Kitty
Comment Deleted
Yucel F. Sahan
well done team!
As a big fan and user of Tailwind CSS, these templates will come in useful! Looking forward to try them
Brian
Long time customer, zero regrets
Akshay thakur
I love tailwind, and these templates are just awesome. I wanna get them please can we have purchasing power parity support please 😃
Zoltán Szőgyényi
Beautiful looking templates from the creators of Tailwind CSS!
Matteo Frana
Congratulations Adam, Steve and all the team! You did it again: these templates are really amazing and clean. I love the subtle gradients and SVG underlines. I think we should definitely talk about turning your components into sets of bricks for React Bricks, too! :) What do you think about it @adamwathan?
Jose Leon
I was already using it! Tailwind is a blessing in our lives. Thanks!
Adrian Marin 🥑
I know, right @jrleonr? And I love their business model. Give the powerful tools to the developers for free, and for the power users sell amazingly polished products.
Oludotun Ebiekuraju
I've been using Tailwind CSS for a while now and I love it. With the UI templates, it's very easy even for beginners and most of all, you'll gain incredible speed. You should definitely try it out.
Freddie Mixell
One surprising thing I’ve learned from Tailwind UI is a lot more about a11y development.All examples are using tailwind css classes for things like screen reader only labels etc. This is a solid investment for any team that wants to take their UI development to the next level! 🔥 (not paid for this just a fan)
Brihu Sundararaman
@adrianthedev - huge fan of Tailwind CSS for about 2 years now. Shout out to the team for putting these out - also love HeadlessUI and HeroIcons!
I was looking for a template that I could use to design my next project and Tailwind UI Templates is perfect. It's the perfect starting point for your next project, because it has beautiful designs built by the makers of Tailwind CSS themselves.
Thomas
Need Figma components for Tailwind UI. Any idea where I can find it?
Zoltán Szőgyényi
@thomas_l1 you may want to check out Flowbite Figma: https://flowbite.com/figma/ It integrates really well with Tailwind CSS because the variants are based on the utility classes.