The Ultimate Collection of Tailwind CSS Resources

If you're a web developer, you've probably heard of Tailwind CSS by now.

It's a popular utility-first CSS framework that makes it easy to create visually consistent and responsive websites. As someone who's been using Tailwind for a while now, I have to say that I absolutely love it. The way it allows you to build websites quickly and efficiently is simply amazing. And that's why I'm excited to share with you some of the best resources I've found.

In this post, I'll be sharing a variety of resources including component libraries, tutorials, and useful websites that will help you take your Tailwind skills to the next level.

📍 I will rate each resource on a scale of 1-5 stars, with 5 being the best. This is my personal opinion, so feel free to disagree.

📍 If you have any more suggestions, please let me know in the comments. 👇

Tutorials

▶️ ⭐⭐⭐⭐⭐ Dave Gray - Tailwind CSS Full Course for Beginners

▶️ ⭐⭐⭐⭐⭐ The Net Ninja - Tailwind CSS Tutorial

▶️ ⭐⭐⭐⭐⭐ Scrimba - Learn Tailwind CSS

Cheatsheets

📙 ⭐⭐⭐⭐⭐ Tailwind CSS Cheat Sheet

📙 ⭐⭐⭐⭐⭐ Tailwind CSS Cheatsheet

📙 ⭐⭐⭐ Tailwind CSS Cheatsheet

📙 ⭐⭐⭐⭐⭐ Tailwind CSS Cheatsheet

Components & Templates

📦 ⭐⭐⭐⭐⭐ Tailwind UI

📦 ⭐⭐⭐⭐ Tailwind Toolbox

📦 ⭐⭐⭐⭐ Flowrift

📦 ⭐⭐⭐⭐⭐ Hyper UI

📦 ⭐⭐⭐⭐⭐ LaLoka Layouts

📦 ⭐⭐⭐⭐⭐ Flowbite

📦 ⭐⭐⭐⭐ Vechai UI

📦 ⭐⭐⭐⭐⭐ headlessui

📦 ⭐⭐⭐ Saasblocks

📦 ⭐⭐⭐⭐ FancyTailwind

📦 ⭐⭐⭐⭐ TailwindCSS Snippets

📦 ⭐⭐⭐ Meraki UI

📦 ⭐⭐⭐⭐ wickedblocks

📦 ⭐⭐⭐ a17t Components

📦 ⭐⭐⭐⭐⭐ Tailwind Components

📦 ⭐⭐⭐⭐⭐ Tailwind Kit

📦 ⭐⭐ Tailwind Blocks

📦 ⭐⭐ Tailwind Made

📦 ⭐⭐⭐ Tailwind Templates

📦 ⭐⭐⭐⭐⭐ Preline

📦 ⭐⭐⭐⭐ DaisyUI

📦 ⭐⭐⭐ Kutty UI

📦 ⭐⭐Tailwind Stamps

📦 ⭐⭐⭐⭐ Lofi UI

📦 ⭐⭐⭐⭐⭐ Astrolus Template

📦 ⭐⭐⭐⭐ kitwind

📦 ⭐⭐⭐ Myna UI

Color generators

🎨 ⭐⭐⭐⭐⭐ uicolors.app

🎨 ⭐⭐⭐⭐ javisperez - Tailwind Color Shades

🎨 ⭐⭐⭐⭐ tailwindpalette

🎨 ⭐⭐⭐⭐⭐ Tailwind CSS gradients

🎨 ⭐⭐⭐ Gradient Designer

Useful Links

🔗 Tailwind UI --> Angular

🔗 Awesome Tailwind CSS

🔗 tailwindweekly

🔗 play.tailwindcss.com

🔗 Heroicons

🔗 Tailwind CSS Explorer - VSCode Extension

🔗 IntelliSense For Tailwind - VSCode Extension

🔗 Best of Tailwind CSS

🔗 Tailwind templates & UI kits