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
πŸ”₯ #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
Tailwind CSS Tips pinned Β«πŸ“Š What kind of content would you like to see more on this channel? TailwindCSS news [2] Component examples [13] Starter templates [1] Useful tips and tricks [3] πŸ‘₯ 19 people have voted so far. πŸ“– Anonymous VoteΒ»
πŸ”₯#example_ui

Last week Adam Whathan built this beautiful app UI using TailwindCSS

Link to livestream:
https://youtu.be/6xgMkGMIudE
πŸ”₯ #component #sample_ui

Contact form build with TailwindCSS

https://codepen.io/ilyosjon/pen/eYYXNzr
#tip

"πŸ”₯ Did you know Tailwind has an undocumented 'sr-only' utility class that hides content, but not on screenreaders?" by @teamcodecourse
πŸ“’ #poll
Dear channel followers, what do you find most useful in this channel?
Final Results
52%
Comonent examples
17%
News and articles
30%
Design tips
πŸ”₯#news

Cool features coming to the core of TailwindCSS

https://twitter.com/adamwathan/status/1207707996232527872?s=19
πŸ”₯ #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
πŸ”₯ #component

Responsive Sidebar Navigation

By Simon Depelchin

https://codepen.io/simondepelchin/full/ypwEBN
πŸ”₯ #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