CSS Preprocessors, Frameworks and Tools
Tools that extend, generate or package CSS.
This is an overview — pick a sub-topic below.
Sub-topics (14)
Sass and SCSS
A CSS preprocessor adding variables, nesting, mixins, functions and partials. SCSS is its CSS-like syntax.
Less
A JavaScript-based CSS preprocessor with variables, mixins and functions.
PostCSS
A tool that transforms CSS with plugins: autoprefixer, modern syntax for old browsers, minification.
Tailwind CSS
A utility-first framework generating only the classes you use.
Bootstrap
The popular component framework: responsive grid, ready-made components and JavaScript plugins.
Bulma
A Flexbox-based CSS-only framework with readable class names.
Foundation
A responsive front-end framework by Zurb with grid, components and email templates.
Pico.css
A minimal "classless" framework that styles semantic HTML directly.
Open Props
A library of design-token custom properties (sizes, colours, shadows, easings).
UnoCSS
An on-demand atomic CSS engine, fast and highly customisable (Tailwind-compatible presets).
Tachyons
An early functional/utility CSS library with small, composable classes.
Animate.css
Ready-made CSS animations you apply with classes.
CSS Modules
CSS files whose class names are scoped locally to a component at build time.
CSS-in-JS: styled-components and Emotion
Write styles in JavaScript tied to React components, with props-based theming.
Spotted a mistake or want to add detail? Suggest an improvement — Content Contributors' edits are reviewed by editors before they go live.
Discussion (0)
Sign in or join free to ask questions and discuss this topic.