đĨ #tutorial
Floating Labels with Tailwind CSS
By Tailwind Labs
In this video, you'll learn how to pull off that cool "floating labels" effect using just Tailwind CSS utility classes. We'll use a bunch of new features added in Tailwind CSS v2.2, including the new placeholder-shown variants and the
đ https://www.youtube.com/watch?v=nJzKi6oIvBA
Floating Labels with Tailwind CSS
By Tailwind Labs
In this video, you'll learn how to pull off that cool "floating labels" effect using just Tailwind CSS utility classes. We'll use a bunch of new features added in Tailwind CSS v2.2, including the new placeholder-shown variants and the
peer sibling selector variant.đ https://www.youtube.com/watch?v=nJzKi6oIvBA
đĨ #tutorial
Rebuilding iOS 15 with Tailwind CSS
By Tailwind Labs
đ https://www.youtube.com/watch?v=eSzNNYk7nVU
đ https://play.tailwindcss.com/kY4LYXwsNZ
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
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/
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
Introducing Tailwind UI Ecommerce
By Tailwind Labs
đ https://blog.tailwindcss.com/tailwind-ui-ecommerce
đ1
đĨ #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
đ2
đĨ #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
đ3
đĨ #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
đ2
đĨ #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
đ2
đĨ #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
đ2
đĨ #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
đ2
đĨ #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/
đ3