10 Tailwind resources for you to make better websites

#javascript #webdev #css #programming

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

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.