Tailwind

Utility-first CSS framework that lets you build custom designs directly in markup using composable classes like flex, pt-4, text-center, and rotate-90. Instead of writing custom CSS or choosing from predefined components, you apply small, single-purpose utilities that combine to produce any layout or style.

Widely adopted across the industry: OpenAI, Shopify, Reddit, NASA JPL, Vercel, and The Verge are among the sites built with it. Tailwind differentiates from component-heavy frameworks like Bootstrap by staying low-level and design-agnostic, so you never design the same site twice. Production builds typically ship under 10kB of CSS because the compiler removes all unused classes.

Key features:

• Responsive and dark mode variants via prefixes, e.g. sm:, md:, dark:
• Automatic purging of unused CSS for minimal production bundles
• Theme customization through CSS variables and @theme
• Modern CSS support: container queries, grid, logical properties, cascade layers
• Integrates with Vite, PostCSS, and most front-end toolchains

Developers reach for Tailwind when prototyping quickly, maintaining design systems without CSS bloat, or pairing it with component libraries like React, Vue, or Svelte. It fits workflows where styles live in the markup and builds produce a small, optimized stylesheet.