+ 1

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.3K GitHub stars and 159 GitHub forks. Here’s a link to CSS Blocks's open source repository on GitHub

Who uses CSS Blocks?


26 developers on StackShare have stated that they use CSS Blocks.

CSS Blocks Integrations

React, Webpack, JSX, Ember-cli, 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.

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 Alternatives & Comparisons

What are some alternatives to CSS Blocks?
FLEX (Flipboard Explorer) is a set of in-app debugging and exploration tools for iOS development. When presented, FLEX shows a toolbar that lives in a window above your application. From this toolbar, you can view and modify nearly every piece of state in your running application.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
CSS Modules
It is a CSS file in which all class names and animation names are scoped locally by default. The key words here are scoped locally. With this, your CSS class names become similar to local variables in JavaScript. It goes into the compiler, and CSS comes out the other side.
React Router
React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
See all alternatives

CSS Blocks's Followers
36 developers follow CSS Blocks to keep up with related blogs and decisions.