A component-oriented CSS authoring system by LinkedIn

What is CSS Blocks?

By combining an opinionated authoring system, build-time analysis and rewriting of templates, and a new type of CSS optimizer, css-blocks breathes new power and ease of use into the technologies and best practices that stylesheet developers already know and love.

CSS Blocks is a tool in the JavaScript Framework Components category of a tech stack.

CSS Blocks is an open source tool with 6.01K Github Stars and 143 Github Forks. Here’s a link to CSS Blocks's open source repository on Github

Who Uses CSS Blocks?

CSS Blocks integrates with

React, Webpack, Glimmer, jsx, and Broccoli are some of the popular tools that integrate with CSS Blocks. Here's a list of all 6 tools that integrate with CSS Blocks.

Why people like CSS Blocks

Here’s a list of reasons why companies and developers use CSS Blocks.



Add a one-liner

CSS Blocks's Features

  • One CSS File Per Component
  • Scoped Styles
  • Nearly Non-Existent Runtime
  • Blazing Fast Stylesheets
  • Project-Wide Optimization
  • Build Time CSS Errors
  • Dead Code Elimination
  • Object Oriented Inheritance
  • Statically Analyzable

CSS Blocks's alternatives

  • React Router - A complete routing solution for React.js
  • styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress.
  • Ant Design - A set of high-quality React components
  • AngularUI - The companion suite(s) to the AngularJS framework
  • React Hot Loader - Tweak React components in real time

See all alternatives to CSS Blocks