đĨ #tutorial
Building a Custom Dropdown Menu with Headless UI React and Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=qJnIJa-cF2M
Building a Custom Dropdown Menu with Headless UI React and Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=qJnIJa-cF2M
đĨ #tutorial
Filters & Backdrop Filters â What's New in Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=qGEZdGMgXL4
Filters & Backdrop Filters â What's New in Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=qGEZdGMgXL4
đĨ #tutorial
Mix & Background Blending Utilities â What's New in Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=Z42les2fCRo
Mix & Background Blending Utilities â What's New in Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=Z42les2fCRo
đĨ #article
No, Utility Classes Aren't the Same As Inline Styles
By Sarah Dayan
đ https://frontstuff.io/no-utility-classes-arent-the-same-as-inline-styles
No, Utility Classes Aren't the Same As Inline Styles
By Sarah Dayan
đ https://frontstuff.io/no-utility-classes-arent-the-same-as-inline-styles
đĨ #tutorial
Just-in-Time Compiler, Now in Core â What's new in Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=QwUpnXumcw4
Just-in-Time Compiler, Now in Core â What's new in Tailwind CSS
by Tailwind Labs
đ https://www.youtube.com/watch?v=QwUpnXumcw4
đĨ #news #tutorial
What's New in Tailwind CSS v2.2
By Tailwind Labs
Highlights:
đĸ All-new high-performance Tailwind CLI
đĸ Before and after variants
đĸ First-letter/line variants
đĸ Selected text variants
đĸ List marker variants
đĸ Sibling selector variants
đĸ Exhaustive pseudo-class support
đĸ Shorthand color opacity syntax
đĸ Extended arbitrary value support
đĸ Improved nesting support
đĸ Caret color utilities
đĸ Background origin utilities
đĸ Simplified transform and filter composition
đĸ Per-side border color utilities
đĸ Built-in safelist, transform, and extract support
đ https://www.youtube.com/watch?v=DxcJbrs6rKk
What's New in Tailwind CSS v2.2
By Tailwind Labs
Highlights:
đĸ All-new high-performance Tailwind CLI
đĸ Before and after variants
đĸ First-letter/line variants
đĸ Selected text variants
đĸ List marker variants
đĸ Sibling selector variants
đĸ Exhaustive pseudo-class support
đĸ Shorthand color opacity syntax
đĸ Extended arbitrary value support
đĸ Improved nesting support
đĸ Caret color utilities
đĸ Background origin utilities
đĸ Simplified transform and filter composition
đĸ Per-side border color utilities
đĸ Built-in safelist, transform, and extract support
đ https://www.youtube.com/watch?v=DxcJbrs6rKk
đĨ #tutorial
How to Use Custom Fonts with Tailwind CSS
By Tailwind Labs
Highlights:
đĸ Using Google Fonts with Tailwind CSS
đĸ Self-hosting fonts with @font-face rules
đ https://www.youtube.com/watch?v=sOnBG2wUm1s
How to Use Custom Fonts with Tailwind CSS
By Tailwind Labs
Highlights:
đĸ Using Google Fonts with Tailwind CSS
đĸ Self-hosting fonts with @font-face rules
đ https://www.youtube.com/watch?v=sOnBG2wUm1s
đĨ #template #dashboard #components
Windmill Dashboard
By Estevan Maito
Features:
đĸ Dark theme enabled (load even different images based on theme)
đĸ Throughly accessible (developed using screen readers)
đĸ 100% keyboard navigable
đĸ Custom components
đĸ Alpine JS (used for dropdowns and toggles)
đĸ Tailwind CSS
đĸ Chart.js
đĸ Heroicons
đ https://windmillui.com/
Windmill Dashboard
By Estevan Maito
Features:
đĸ Dark theme enabled (load even different images based on theme)
đĸ Throughly accessible (developed using screen readers)
đĸ 100% keyboard navigable
đĸ Custom components
đĸ Alpine JS (used for dropdowns and toggles)
đĸ Tailwind CSS
đĸ Chart.js
đĸ Heroicons
đ https://windmillui.com/
đĨ #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
đĨ #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