Abhiraj Bhowmick

10 Tailwind resources for you to make better websites

Created December 17, 2021

Tailwind CSS is a "utility-first" CSS framework that provides a deep catalog of CSS classes and tools that lets you easily get started. Rather than focusing on the functionality of the item being styled, Tailwind is centered around how it should be displayed.

Originally published here

1️⃣ Pallete Generator

Color palette generator that outputs Tailwind CSS configuration files.

https://adevade.github.io/color-scheme-generator

2️⃣ tail-animista

Configurable custom animation utility generator for Tailwind CSS.

https://tail-animista.vercel.app/

3️⃣ Flowrift

Beautifully designed Tailwind CSS UI blocks.

https://flowrift.com/

4️⃣ Windframe

Tailwind CSS drag and drop builder to rapidly build and prototype websites.

https://www.devwares.com/windframe/

5️⃣ Windy

Browser extension to convert HTML elements to Tailwind CSS.

https://usewindy.com/

6️⃣ Updrafts.app

Advanced online no-code drag and drop editor for Tailwind CSS.

https://updrafts.app/

7️⃣ Play

Advanced online playground for Tailwind CSS.

https://play.tailwindcss.com/

8️⃣ Tailwind Cheat Sheet

Tailwind CSS utility class names in a searchable interface.

https://flowbite.com/tools/tailwind-cheat-sheet/

9️⃣ Beginners to Advanced Tailwind Course

An all-in-course for people to start learning Tailwind or brush up their knowledge.

https://www.youtube.com/watch?v=lZp4salRFFc

🔟 Wicked Templates

Your one-stop shop for Tailwind Templates and components.

https://wickedtemplates.com

Thank you for reading

If you like my posts, do subscribe to my newsletter to never miss out on my blogs, product launches, and tech news around the world.

Abhiraj's Dev-letter