CSS Blocks

25
32
+ 1
0
react-md

12
29
+ 1
0
Add tool

CSS Blocks vs react-md: What are the differences?

CSS Blocks: A component-oriented CSS authoring system by LinkedIn. 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; react-md: Google's Material Design UI components built with accessibility in mind and React. React MD is Google's Material Design specifications implemented with Sass and React. The goal of the project is to create components that adhere to the Material Design specifications.

CSS Blocks and react-md can be categorized as "JavaScript Framework Components" tools.

Some of the features offered by CSS Blocks are:

  • One CSS File Per Component
  • Scoped Styles
  • Nearly Non-Existent Runtime

On the other hand, react-md provides the following key features:

  • Accessibility focused
  • Uses Sass for opt-in mixins and configurable variables for styling
  • Follows the Material Design specifications

CSS Blocks and react-md are both open source tools. CSS Blocks with 6.07K GitHub stars and 141 forks on GitHub appears to be more popular than react-md with 2.02K GitHub stars and 297 GitHub forks.

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

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.

What is react-md?

React MD is Google's Material Design specifications implemented with Sass and React. The goal of the project is to create components that adhere to the Material Design specifications.
What companies use CSS Blocks?
What companies use react-md?
    No companies found

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with CSS Blocks?
    What tools integrate with react-md?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to CSS Blocks and react-md?
    FLEX
    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.
    styled-components
    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.
    Angular CLI
    A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.
    See all alternatives
    Interest over time