8 TailwindCSS Classes I Wish I Found Earlier
Tom Is Loading Tom Is Loading
14.6K subscribers
68,421 views
0

 Published On Feb 16, 2024

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

TailwindCSS is an amazing tool, and one of the best parts is it's easy learning curve. Type in a style with a tailwind intellisense extension installed, and you'll more than likely find the class you're looking for.

BUT, Tailwind ALSO provides a number of utility classes that go beyond your normal CSS styles.

Today, we'll talk about a number of these classes that I wish I'd found MUCH earlier... okay, plus a few basic CSS options which I somehow never learned until bumping into them with tailwind 😂

#tailwindcss #webdevelopment

📚 Video Links
Source code: https://gist.github.com/TomIsLoading/...

🔗 My Links
TikTok:   / tomisloading  
Instagram:   / tomisloading  
GitHub: https://github.com/TomIsLoading
Twitter:   / tomisloading  
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/

0:00 - Introduction
0:11 - Divide
0:48 - Scroll snap
1:31 - sr-only
2:07 - Accent color
2:30 - Caret styling
3:02 - You can do more with gradients
3:38 - Animations
3:56 - Gap, but without gap

show more

Share/Embed