Stateless UI components for react that follow material design

Usage no npm install needed!

<script type="module">
  import dropofwillMaterialComponents from 'https://cdn.skypack.dev/@dropofwill/material-components';


Material Components

Stateless UI components for react that follow material design.


material-components is a library of React (0.14.0) user interface components based on material design.

material-components are completely stateless making them an ideal companion to libraries such as Cerebral or Redux. But they can also be used with other flux based frameworks or even without a framework at all.

The development of material-components has been sponsored by Elastic Time.

Documentation, Demos & Code Examples

Take a look at the documentation app for demos and code examples.



npm install --save-dev material-components


Fork the repository

  • npm install
  • npm run dev runs dev mode which watches for changes and auto lints, tests and builds. Visit http://localhost:8080/webpack-dev-server/index.html to view the demo app.
  • npm test runs the tests
  • npm run lint lints the code
  • npm run build compiles to es5