Free Tailwind CSS resources

Featured on Hashnode
Featured on daily.dev

TailwindCSS is a utility-first CSS framework for rapid UI development. In this article, I collected free resources for you.

1. Kometa UI Kit

It includes over 130 sections, built with Tailwind CSS, for your awesome projects.

All the sections are fully responsive and available in HTML, VueJS, and React.

kitwind.png

Link: kitwind.io/products/kometa

2. Tailwind Toolbox

Free open-source Tailwind CSS starter templates and components to get you started quickly to creating websites in Tailwind CSS!

tailwind-toolbox.png

Link: tailwindtoolbox.com

3. Tailwind Ink

A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.

tailwind-ink.png

Link: tailwind.ink

4. Tailwind CSS Components

Tailwind CSS components by the community. Charts, grids, inputs, forms, templates and much more.

tailwind-components.png

Link: tailwindcomponents.com

5. Tailblocks

Ready-to-use Tailwind CSS blocks.

tailblocks.png

Link: tailblocks.cc

6. Tailwind Templates

A free collection of Tailwind CSS Templates & Tailwind components for rapid UI development.

tailwind-templates.png

Link: tailwindtemplates.io

7. Treact

Easily customizable modern React UI Templates and Components built using Tailwind CSS.

treact.png

Link: treact.owaiskhan.me

8. Mamba UI

mamba-ui.png

Mamba UI is a UI kit with free components and templates styled with Tailwind CSS

Link: mambaui.com

9. Tailwind Play

An advanced online playground for Tailwind CSS.

tailwind-play.png

Link: play.tailwindcss.com

10. Tailwind Weekly

A weekly newsletter about all things Tailwind CSS. New issue every Saturday.

tailwind-weekly.png

Link: getrevue.co/profile/tailwind-weekly

Initially created on Twitter:

If you liked this article, be sure to ❤️ it.

Happy coding! ❤️

Gourav Khunger's photo

Really well curated list! I was hoping to explore tailwind css soon, this will definitely prove to be beneficial for me. Thank you 😄

Marko Denic's photo

Awesome. Let me know how you liked it, Gourav.

Catalin Pit's photo

TailwindCSS is my favourite so this article helps me a lot! Thank you!

Marko Denic's photo

My pleasure, Catalin.

Zsolt Gömöri's photo

Thanks for the list, awesome!

Marko Denic's photo

My pleasure Zsolt. When I find more resources, I'll add them to the article.

Sunface's photo

nice work

lee123's photo

amazing idea

Marko Denic's photo

Glad you like it! Enjoy.

Hussein Kizz's photo

I was soon planning to do my next project with tailwind and I was kinda worried about where to start, man this came in very handy!

Thanks for these amazing things, we love it!

Marko Denic's photo

Glad you like it, Hussein. Have fun!

theroyakash's photo

Thank you so much. I was thinking to change my app design from bootstrap to tailwind CSS and this will certainly help.

Marko Denic's photo

Awesome. Happy to help.

Kieran Iyer's photo

Amazing post and awesome resources. Thanks, Marco!

Braydon Coyer's photo

Great article! I'll throw in a resource I've made available for developers, too!

Tailwind V2 Dark Mode Starter Template

github.com/braydoncoyer/tailwindcss-v2-dark..

Marko Denic's photo

Thanks Braydon. Shameless plug? The best ones. 😀

Yoav Ganbar's photo

Great list Marko Denic!

Would be interesting to use these resources for a continuation article to my latest article that is about How to build a React Tailwind Design system.

Keep up the great work!

Marko Denic's photo

Thanks a lot Yoav. Looking forward to reading your article.

Onen simon's photo

Tailwind CSS is awesome, also add to the list devdojo.com/tails/app by devdojo a tailwind drag and drop app.

Marko Denic's photo

Thanks for sharing this resource. But, you have to register to get access, right?

Edidiong Asikpo's photo

I have been thinking of exploring Tailwind CSS for a while now. This article just gave me all the push and resources I needed.

Marko Denic's photo

Great. Glad you find it helpful.

Arjun Singh's photo

These are some great articles. Good job Mark.

Damien Chantelouve's photo

Nice compilation of TailwindCSS resources ! :)

We are developing a WordPress plugin integrating TailwindCSS & Layouts components which is focused to work like a design system.

Check it out if that can fit your needs : Pilo'Press

Marko Denic's photo

Thanks. And thanks for sharing this resource. Actually, I'm a big fan of ACF. :)