Why is tailwind so popular?

This page summarizes the projects mentioned and recommended in the original post on reddit.com/r/webdev

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Tailwind also pairs well with component-based UI frameworks like React, Vue, and Svelte because the "HTML bloat" that others have mentioned is mitigated to an extent when you have separate reusable components. There's also https://headlessui.dev/ which is a set of React and Vue components (think thins like dropdowns, modals, etc) designed specifically for use with Tailwind and maintained by the Tailwind team.

  • tailspin

    Tailspin is a customizable, class-based, utility-first, css library that helps you work within the constraints of a unified system.

    I did this exactly, still a wip... https://github.com/davidloop/tailspin

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • autoprefixer

    Parse CSS and add vendor prefixes to rules by Can I Use

  • postcss-pxtorem

    Convert pixel units to rem (root em) units using PostCSS

  • precss

    Use Sass-like markup in your CSS

  • twin.macro

    🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

    Tailwind works very well with React, but this is required https://github.com/ben-rogerson/twin.macro. It makes development much easier.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts