Tailwind CSS Tips
4.14K subscribers
101 photos
1 video
135 links
ℹ️ Learn the most popular utility-first framework.

πŸ”₯ #tips, ⭐️ #tricks, πŸ†• #news

Maintainer: @ilyosjon_k
Download Telegram
πŸ”₯ #template

πŸ›¬ An implementation of the β€œOpen” landing page template using Tailwind CSS Boilerplate by Michele Gerarduzzi

πŸ”— https://github.com/michelegera/tailwindcss-open-template
πŸ”₯ #article

15+ Awesome Tailwind CSS Templates And Themes

by Mary Amato

πŸ”— https://bit.ly/3sWBanf
πŸ”₯ #tutorial

Creating Dashboard Stats Component with TailwindCSS

by Web3Templates

(Thanks for @surjithctly)

πŸ”— https://www.youtube.com/watch?v=bM4ToYFpUZM
πŸ‘1
πŸ”₯ #tutorial

Styling Forms with Tailwind CSS

by TailwindLabs

πŸ”— https://www.youtube.com/watch?v=pONeWAzDsQg
πŸ”₯ #hot #news

Just-In-Time: The Next Generation of Tailwind CSS

πŸ”— https://www.youtube.com/watch?v=3O_3X7InOw8
πŸ”₯ #tutorial

Styling Markdown and CMS Content with Tailwind CSS

by Tailwind Labs

πŸ”— https://www.youtube.com/watch?v=J0Wy359NJPM
πŸ”₯ #tutorial

Theming Tailwind with CSS Variables

by Tailwind Labs

πŸ”— https://www.youtube.com/watch?v=MAtaT8BZEAo
πŸ”₯ #article

Tailwind UI: Now with React + Vue support

by Adam Wathan

πŸ”— https://blog.tailwindcss.com/tailwind-ui-now-with-react-and-vue-support
πŸ”₯ #article

Headless UI v1.0

by Adam Wathan

πŸ”— https://blog.tailwindcss.com/headless-ui-v1
πŸ”₯ #tutorial

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
πŸ”₯ #tutorial

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
πŸ”₯ #tutorial

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
πŸ”₯ #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