CSS & Styling
CSS frameworks, utility libraries, preprocessors, and CSS-in-JS solutions for building user interfaces
Key Considerations
- ✓ Utility-first vs component-based approach
- ✓ Bundle size and performance impact
- ✓ Framework integration (React, Vue, Astro, etc.)
- ✓ Customization and theming options
- ✓ Learning curve and team familiarity
- ✓ Documentation quality and community size
Bootstrap
The world's most popular front-end toolkit. Build responsive, mobile-first sites with prebuilt components, JavaScript plugins, and powerful Sass variables.
Bulma
A free, open source CSS framework based on Flexbox. Provides ready-to-use components with no JavaScript dependency.
Emotion
A performant and flexible CSS-in-JS library. Build styles with JavaScript, featuring composition, source maps, and great developer experience.
Foundation
The most advanced responsive front-end framework in the world. Foundation for Sites provides a complete set of UI components for building responsive websites.
Lightning CSS
An extremely fast CSS parser, transformer, bundler, and minifier. Written in Rust, powers Parcel and other build tools.
Materialize CSS
A modern responsive CSS framework based on Google's Material Design. Provides ready-to-use components with built-in JavaScript functionality.
MVP.css
A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and instant styling.
Pico CSS
Minimal CSS framework for semantic HTML. Elegant styles for all native HTML elements without classes. Just write pure HTML.
PostCSS
A tool for transforming CSS with JavaScript plugins. Powers Autoprefixer, Tailwind CSS, and hundreds of other CSS tools.
Sass
The most mature, stable, and powerful professional grade CSS extension language in the world. Adds variables, nesting, mixins, and more to CSS.
Simple.css
A classless CSS framework that makes semantic HTML look good. Perfect for simple sites, blogs, and documentation.
Stitches
CSS-in-JS with near-zero runtime, SSR support, multi-variant support, and a best-in-class developer experience. Built by Modulz/Radix team.
Styled Components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress. Write actual CSS in your JavaScript.
Tachyons
Functional CSS for humans. Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible.
Tailwind CSS
A utility-first CSS framework for rapidly building custom designs without leaving your HTML. Highly customizable with a comprehensive design system.
UnoCSS
Instant on-demand atomic CSS engine. Highly customizable with Tailwind/Windi/Bootstrap presets. Extremely fast with Vite integration.
Vanilla Extract
Zero-runtime stylesheets in TypeScript. Write your styles in TypeScript with full type safety and extract them to static CSS at build time.
Water.css
A drop-in collection of CSS styles to make simple websites just a little nicer. No classes required - just add one stylesheet.