Tailwind CSS Tips
4.1K subscribers
101 photos
1 video
135 links
â„šī¸ Learn the most popular utility-first framework.

đŸ”Ĩ #tips, â­ī¸ #tricks, 🆕 #news

Maintainer: @ilyosjon_k
Download Telegram
đŸ”Ĩ#new_version #news

Tailwindcss v1.3 has been released

Release notes👇
https://github.com/tailwindcss/tailwindcss/releases/tag/v1.3.0
đŸ”Ĩ #template #tailwindui

Tailwind UI Marketing Header Example by Adam Wathan

👉 https://codepen.io/adamwathan/pen/yLYzvJB?editors=1000
đŸ”Ĩ #sample_ui #alpinejs

Simple Todo app using TailwindCSS and AlpineJS

👉 https://codepen.io/ilyosjon/pen/JjYZdOw
đŸ”Ĩ #component

Simple calendar using newly added grid utilities

👉 https://codepen.io/ilyosjon/pen/OJyqbrO
đŸ”Ĩ #component

E-Commerce cards by Brian

👉 https://codepen.io/captbrogers/pen/BayPRNz
đŸ”Ĩ #tip #gradient

Did you know that TailwindCSS has gradient utilities? You can make awesome gradient backgrounds and even gradient text using them.

🔗 Code:
https://codepen.io/ilyosjon/pen/RwaOOgL

📖 Documentation:
https://tailwindcss.com/docs/background-image#linear-gradients

https://tailwindcss.com/docs/background-clip#cropping-to-text
đŸ”Ĩ #news #useful

Introducing Tailwind Play - Official playground and code sharing tool for TailwindCSS

🔗 https://play.tailwindcss.com
đŸ”Ĩ #tip

TailwindCSS docs now include integration guides for popular web frameworks

https://tailwindcss.com/docs/installation
Would you like to see TailwindCSS related article recommendations on this channel?
Anonymous Poll
95%
Yes
5%
No