DEV Community

Cover image for 10 Tailwind resources for you to make better websites
Visualway
Visualway

Posted on • Originally published at twitter.com on

10 Tailwind resources for you to make better websites

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.

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 liked this post, subscribe to our newsletter to never miss out on our blogs, product launches and tech news.

Subsribe to Visualway's newsletter

Top comments (0)