Tailwind CSS Tips
4.09K 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
đŸ”Ĩ #component #sample_ui

Contact form build with TailwindCSS

https://codepen.io/ilyosjon/pen/eYYXNzr
đŸ”Ĩ #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
đŸ”Ĩ #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
đŸ”Ĩ #component

Custom DatePicker component
By Flowbite

Start receiving date and time data from your users using this free datepicker element based on Tailwind utility-classes and vanilla JavaScript

🔗 https://flowbite.com/docs/plugins/datepicker/
đŸ”Ĩ #tutorial #component

Building a command palette with Tailwind CSS, React, and Headless UI

By Tailwind Labs

In this video Simon walks you through the steps to build a fully accessible command palette using Tailwind CSS, React, and the new combobox component in Headless UI.

🔗 https://www.youtube.com/watch?v=-jix4KyxLuQ
đŸ”Ĩ #ui #component

Langui - Beautiful components for your AI projects

by Ahmad Bilal

LangUI is an Open Source Tailwind library with free to use components tailored for your AI and GPT projects.

🔗 https://langui.dev/

✨ Tailwind CSS Tips
This media is not supported in your browser
VIEW IN TELEGRAM
đŸ”Ĩ #component

🃏 Cards with nice hover animation

You can style pseudo-elements to create nice decorations and effects

🔗 https://play.tailwindcss.com/1DBQtJw3K5

—

đŸ“Ŗ
Dear subscribers,

What kind of content would you like to see on this channel?

Please write your answers in comments!

✨ Tailwind CSS Tips