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
đŸ”Ĩ #tutorial

Rebuilding iOS 15 with Tailwind CSS

By Tailwind Labs

🔗 https://www.youtube.com/watch?v=eSzNNYk7nVU

📝 https://play.tailwindcss.com/kY4LYXwsNZ
đŸ”Ĩ #app

Meet Tails a TailwindCSS Page Creator with over 170+ components to boost your workflow.

🔗 https://devdojo.com/tails
đŸ”Ĩ #showcase #dashboard_kit

Huge Dashboard kit built for Tailwind CSS

By @heyjamshid

🔗 https://dashwind.design/
đŸ”Ĩ #news

Introducing Tailwind UI Ecommerce

By Tailwind Labs

🔗 https://blog.tailwindcss.com/tailwind-ui-ecommerce
đŸ”Ĩ #announcement #design_kit

Dashwind - Dashboard Kit for Tailwind CSS

The dashboard kit offering a huge discount. Buy the design kit for only $5.

You will have access to Figma file with most complete dashboard UI components tailored for your next great project.

Buy once and get access to upcoming full TailwindCSS implementation.

By @heyjamshid

🔗 https://dashwind.design
đŸ”Ĩ #tutorial

Responsive Grid Layout with Tailwind CSS

By Tailwind Labs

In this video, Simon shows us how to build a responsive grid layout with Tailwind CSS utility classes.

Tutorial: 🔗 https://www.youtube.com/watch?v=WJDw1J7FZnE

Demo: 🔗 https://play.tailwindcss.com/9IEjFauwTF
đŸ”Ĩ #fun

Tailwind in 100 Seconds

By Fireship

🔗 https://www.youtube.com/watch?v=mr15Xzb1Ook
đŸ”Ĩ #tutorial

Glowing Background Gradient Effects with Tailwind CSS

By Tailwind Labs

Learn how to achieve that awesome glow effect popping up everywhere with vanilla Tailwind CSS utilities.

Turotial: 🔗 https://www.youtube.com/watch?v=5W6kEP65AH4

Demo: 🔗 https://play.tailwindcss.com/fNKKyOG2Yv
đŸ”Ĩ #tutorial

Building a Headless Ecommerce Store with Tailwind CSS, Shopify, and Next.js

By Tailwind Labs

How to build a simple Ecommerce website with Tailwind UI, Shopify, and Next.js.

🔗 Tutorial: https://www.youtube.com/watch?v=xNMYz74zNHM

🔗 Demo: https://tailwindui-shopify.vercel.app/
đŸ”Ĩ #tutorial

Ultimate Tailwind CSS Tutorial - Build a Discord-inspired Animated Navbar

By Fireship

🔗 https://www.youtube.com/watch?v=pfaSUYaSgRo
đŸ”Ĩ #news #v3

The All-New Just-in-Time CDN — Tailwind CSS v3.0 Preview 👀

By Tailwind Labs

In this video, Simon will show you an early preview of the upcoming Just-in-Time CDN, which will ship with Tailwind CSS v3.0.

🔗 https://www.youtube.com/watch?v=QAIdYGslQGo
đŸ”Ĩ #article

Beginner's guide to TailwindCSS: The new way of styling

By Reza Bozorgi

🔗 https://dev.to/rezab/beginner-s-guide-to-tailwind-css-the-new-way-of-styling-3i80
đŸ”Ĩ #news

Colored shadows are coming in v3.0

Check out the PR by Adam Wathan:
🔗 https://github.com/tailwindlabs/tailwindcss/pull/5979

Demo:
🔗 https://play.tailwindcss.com/VLKEX1bh1j
đŸ”Ĩ #tutorial

Translating a Custom Design System to Tailwind CSS

By Tailwind Labs

In this video, we'll take a website design and corresponding style guide given to us by a designer, and translate it into a custom Tailwind CSS configuration to create our own utility framework tuned specifically for the project.

Tutorial: 🔗 https://www.youtube.com/watch?v=cZc4Jn5nK3k
đŸ”Ĩ #discussion

Hello everyone!

This channel was created to share interesting things about TailwindCSS. Number of subscribers skyrocketed since.

This motivated me to share more quality content. However, recently I am feeling that one way of sharing things is not enough.

So, I would love you to hear your stories.

Let's start discussion about our beloved framework by exchanging knowledge and helping each other.

Thank you!

P.S:
As per @surjithctly's suggestion, channel's discussion group is now public.

You can join and start sharing your knowledge or questions at:

https://t.me/tailwindcss_tips_community
đŸ”Ĩ #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/
đŸ”Ĩ #news

👀
đŸ”Ĩ #news

Introducing Tailwind CSS v3.0 đŸĨŗ

Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.

Congratulations Tailwind Labs!

🔗 https://www.youtube.com/watch?v=TmWIrBPE6Bc