All Utility CSS Frameworks

Bootstrap 5's utility class API

• ✓Utility API to generate custom utility classes
• ✓Pairs with Bootstrap component library
• ✓Sass-based customization and theming
• ✓Massive adoption and documentation

A utility-first CSS framework for rapid UI development

• ✓JIT compiler for on-demand class generation
• ✓Massive plugin ecosystem and community
• ✓First-party UI component library (Headless UI)
• ✓Built-in responsive, dark mode, and state variants

Modern CSS framework based on Flexbox

• ✓Flexbox-based responsive grid system
• ✓No JavaScript dependencies
• ✓Modular architecture (import only what you need)
• ✓Utility helpers for spacing, typography, visibility

Instant on-demand atomic CSS engine

• ✓Vite-native with near-instant HMR
• ✓Preset system (Tailwind, Windi, Bootstrap compatible)
• ✓Attributify mode and pure CSS icons
• ✓Extremely fast build performance

Minimal CSS framework for semantic HTML

• ✓Styles semantic HTML elements directly (no classes needed)
• ✓Built-in dark mode and color schemes
• ✓Under 10KB minified and gzipped
• ✓Ideal for prototypes, docs, and simple sites

Functional CSS for humans

• ✓One of the original utility-first frameworks
• ✓Tiny footprint, no build step required
• ✓Readable, composable class naming convention
• ✓Strong focus on design constraints and scales

Zero-runtime stylesheets in TypeScript

• ✓Write styles in TypeScript with full type checking
• ✓Zero runtime CSS output (all compiled at build)
• ✓Sprinkles API for type-safe utility classes
• ✓Works with any bundler (Vite, webpack, esbuild)

Meta's compile-time atomic CSS-in-JS

• ✓Compile-time CSS extraction (zero runtime cost)
• ✓Atomic CSS output for minimal bundle size
• ✓Type-safe styles with full TypeScript support
• ✓Used in production at Meta (Facebook, Instagram)

CSS-in-JS with near-zero runtime

• ✓Variant-driven API for component styling
• ✓SSR support with near-zero runtime overhead
• ✓Token-based theming system
• ✓Deprecated by Modulz (team joined WorkOS)

On-demand alternative to Tailwind CSS

• ✓On-demand utility generation (pioneered the approach)
• ✓Attributify mode for cleaner markup
• ✓Design token system and shortcuts
• ✓Deprecated in favor of UnoCSS by the same author

Supercharged CSS variables for design tokens

• ✓CSS custom properties as design tokens
• ✓Works with any framework or vanilla CSS
• ✓Adaptive color palettes with light/dark support
• ✓Created by Chrome DevRel Adam Argyle

A virtual CSS language with zero configuration

• ✓Virtual CSS engine generates styles at runtime
• ✓Markup-driven syntax (no config files)
• ✓Progressive rendering for instant page loads
• ✓Built-in animations and responsive design