🔥 #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
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
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
🔥 #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
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/
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
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
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
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
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
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
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/
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
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
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
🔥 #news
What's new in Tailwind CSS 3.0?
By Tailwind Labs
In this video, Simon shows some of the exciting new features added in Tailwind CSS v3.0.
🆕 New features:
✅ Just-in-Time, all the time
✅ Even more colors out of the box
✅ Colored box shadows, finally
✅ Print modifier
✅ Native aspect-ratio
✅ Comprehensive scroll snap support
✅ Scroll behavior
✅ Multi-column layout
✅ Accent color & file inputs
✅ Styling open/closed states
✅ Fancy underlines
✅ Arbitrary properties
✅ Play CDN
🔗 https://www.youtube.com/watch?v=mSC6GwizOag
What's new in Tailwind CSS 3.0?
By Tailwind Labs
In this video, Simon shows some of the exciting new features added in Tailwind CSS v3.0.
🆕 New features:
✅ Just-in-Time, all the time
✅ Even more colors out of the box
✅ Colored box shadows, finally
✅ Print modifier
✅ Native aspect-ratio
✅ Comprehensive scroll snap support
✅ Scroll behavior
✅ Multi-column layout
✅ Accent color & file inputs
✅ Styling open/closed states
✅ Fancy underlines
✅ Arbitrary properties
✅ Play CDN
🔗 https://www.youtube.com/watch?v=mSC6GwizOag
YouTube
What's new in Tailwind CSS v3.0?
In this video, I'll show you some of the exciting new features added in Tailwind CSS v3.0.
Release notes: https://tailwindcss.com/blog/tailwindcss-v3
Upgrade guide: https://tailwindcss.com/docs/upgrade-guide
Chapters:
0:00 Intro
0:10 Just-in-Time, all the…
Release notes: https://tailwindcss.com/blog/tailwindcss-v3
Upgrade guide: https://tailwindcss.com/docs/upgrade-guide
Chapters:
0:00 Intro
0:10 Just-in-Time, all the…
🔥 #tutorial
Install Tailwind CSS v3 - CDN vs CLI vs PostCSS
by Thirus (Shruti Balasa) (with her kind permission 😊)
In this video Shruti shows you three ways of installing TailwindCSS - via CDN, using Tailwind CLI and using PostCSS and talk about when to use what.
🔗 https://www.youtube.com/watch?v=h9Zun41-Ozc
Install Tailwind CSS v3 - CDN vs CLI vs PostCSS
by Thirus (Shruti Balasa) (with her kind permission 😊)
In this video Shruti shows you three ways of installing TailwindCSS - via CDN, using Tailwind CLI and using PostCSS and talk about when to use what.
🔗 https://www.youtube.com/watch?v=h9Zun41-Ozc
🔥 #news #plugin
Automatic Class Sorting with Prettier
By Tailwind Labs
Finally, you can sort your classes in your designs with consistent order.
🔗 Blog post: https://tailwindcss.com/blog/automatic-class-sorting-with-prettier
🔗 Github Repo: https://github.com/tailwindlabs/prettier-plugin-tailwindcss
👉 @tailwindcss_tips
Automatic Class Sorting with Prettier
By Tailwind Labs
Finally, you can sort your classes in your designs with consistent order.
🔗 Blog post: https://tailwindcss.com/blog/automatic-class-sorting-with-prettier
🔗 Github Repo: https://github.com/tailwindlabs/prettier-plugin-tailwindcss
👉 @tailwindcss_tips
🔥 #tutorial
Automatic Tailwind CSS Class Sorting in 4 Minutes
By Laracasts
🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg
Automatic Tailwind CSS Class Sorting in 4 Minutes
By Laracasts
🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg