# Material Design CSS Framework [![MUI](https://www.muicss.com/static/favicons/icon-192x192.png)](https://www.muicss.com) MUI is a lightweight CSS framework that follows Google's Material Design guidelines. [![Join the chat at https://gitter.im/muicss/mui](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/muicss/mui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [![Build Status](https://travis-ci.org/muicss/mui.svg?branch=master)](https://travis-ci.org/muicss/mui) [![Dependency Status](https://david-dm.org/muicss/mui.svg)](https://david-dm.org/muicss/mui) [![devDependency Status](https://david-dm.org/muicss/mui/dev-status.svg)](https://david-dm.org/muicss/mui#info=devDependencies) ## Introduction The MUI NPM package makes it easy to import MUI into a project and create a custom build that only includes the components you need. The simplest way to use MUI is via the top level imports `muicss` and `muicss/react`: ```javascript import { Appbar, Button, Panel } from 'muicss/react'; ``` You can also optimize your builds by importing modules one-by-one from the lower level API: ```javascript import Appbar from 'muicss/lib/react/appbar'; import Button from 'muicss/lib/react/button'; import Container from 'muicss/lib/react/container'; ``` Here's an example of how to use MUI in a React app: ```javascript import React from 'react'; import ReactDOM from 'react-dom'; import { Appbar, Button, Panel } from 'muicss/react'; class Example extends React.Component { onClick() { console.log('clicked on button'); } render() { return (

); } } ReactDOM.render(, document.getElementById('example')); ``` ## API Documentation ### React Library All of the MUI React components can be accessed as top-level attributes of the `muicss/react` package. In addition, they can be accessed individually at `muicss/lib/react/{component}`. #### Appbar ```jsx import Appbar from 'muicss/lib/react/appbar'; ``` Read more: https://www.muicss.com/docs/v1/react/appbar #### Button ```jsx import Button from 'muicss/lib/react/button';

	Stars	Issues	Version	Updated	Created
bulma	48,587	436	1.0.0	a month ago	8 years ago
muicss	4,511	76	0.10.3	3 years ago	9 years ago
semantic-ui	50,996	1,079	2.5.0	2 years ago	10 years ago
tailwindcss	78,457	39	3.4.3	a month ago	7 years ago
uikit	18,118	593	3.20.8	3 days ago	9 years ago

bulma vs muicss vs semantic-ui vs tailwindcss vs uikit

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past