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
Components & Templates
Color generators
🎨 ⭐⭐⭐⭐ javisperez - Tailwind Color Shades
🎨 ⭐⭐⭐⭐⭐ Tailwind CSS gradients
Useful Links
🔗 Tailwind CSS Explorer - VSCode Extension