Best of Tailwind CSS — April 2024

1. 1
   Article

   Atomic Spin·2y

   5 Tailwind CSS Anti-Patterns to Avoid

   Tailwind CSS has been a game-changer for developers, but there are anti-patterns to avoid when working with it. Avoid relying solely on the built-in color palette, under-utilize theme customization, and use a component-based framework. Additionally, avoid using the `@apply` directive and using Tailwind in domain-level components.

   485

   32
2. 2
   Article

   Product Hunt·2y

   Tailscan Devtools - The ultimate developer tool for Tailwind CSS

   Tailscan Devtools is a highly rated developer tool for Tailwind CSS that launched on November 14th, 2022 and provides useful features for developers.

   216

   23
3. 3
   Article

   Product Hunt·2y

   20+ Free Tailwind CSS & React Blocks - Fully Coded UI Sections with Designer File Included

   A collection of completely free blocks styled with Tailwind CSS for React websites and applications. Fully coded and customizable with a Figma designer file included!

   200

   4
4. 4
   Article

   Hacker News·2y

   Hidden Gems of Tailwind CSS

   Tailwind CSS offers hidden gems like changing radio/checkbox colors, using the peer-modifier, styling file inputs, changing color opacity, combining font-size and line-height, using pointer events, truncating multi-line text, creating square elements, highlighting text, styling named groups, adding custom variants, and using arbitrary values.

   128

   5