Total Pageviews

Monday, 11 July 2016

React Toolbox

A set of React components implementing Google's Material Design specification with the power of CSS Modules

npm version Build Status NPM Status react-toolbox channel on discord Donate
React Toolbox is a set of React components that implement Google's Material Design specification. It's powered byCSS Modules and harmoniously integrates with your webpack workflow, although you can use any other module bundler. You can take a tour through our documentation website and try the components live!


React Toolbox can be installed as an npm package:
$ npm install --save react-toolbox


React Toolbox uses CSS Modules by default to import stylesheets written in SASS. In case you want to import the components already bundled with CSS, your module bundler should be able to require these SASS modules.
Although we recommend webpack, you are free to use whatever module bundler you want as long as it can compile and require SASS files located in your node_modules. If you are experiencing require errors, make sure your configuration satisfies this requirement.
Of course this is a set of React components so you should be familiar with React. If want to customize your components via themes, you may want to take a look to react-css-themr which is used by React Toolbox to make component easily themeable.