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

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

Maintainer: @ilyosjon_k
Download Telegram
đŸ”Ĩ #useful #component

The community driven TailwindCSS component repository

https://tailwindcomponents.com
đŸ”Ĩ #component #useful

Stripe-style animated vertical tabs by Adam Wathan

https://codepen.io/adamwathan/pen/KKKqKLB
đŸ”Ĩ #component #useful

Stripe's Testimonial Widget by Adam Wathan

https://codepen.io/adamwathan/pen/QWLEJGr
👍1
đŸ”Ĩ #fact #useful
Did you know?
There is a web app called Tailwind.run() which provides interactive playground for TailwindCSS.
You can easily configure, compile and run your TailwindCSS designs without leaving your browser.

Here is the link: https://tailwind.run
đŸ”Ĩ #component #useful

Table component designed with TailwindCSS

👉 https://tailwind.run/WokwwU
đŸ”Ĩ #component #useful

Circle buttons with notification badges

👉 https://tailwind.run/SPDsvZ/2

Š @tailwindcss_tips
đŸ”Ĩ #component #useful

An upload button with group hover


https://tailwind.run/febEks/2

Š @tailwindcss_tips
đŸ”Ĩ #news #useful

Finally Tailwind UI, the component library by the creators of the framework, has been released!

Components buy a license to use them. However, you can get an inpiration.

Check out some free components:
👉 https://tailwindui.com/preview
đŸ”Ĩ #news #useful

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

🔗 https://play.tailwindcss.com