Programming language: JavaScript
License: MIT License

react-essence alternatives and similar libraries

Based on the "Material Design" category.
Alternatively, view react-essence alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of react-essence or a related project?

Add another 'Material Design' Library


view on npm view on npm npm module downloads Dependency Status

[Essence] - The Essential Material Design Framework

About Essence

Essence is a CSS framework that implements the guidelines from Google Material Design Specification using Facebook's react.js library. Use it to easily build super-fast and great looking web & mobile interfaces.

See what you can build with Essence and how to do it. We've got several examples that will help you get started.


npm install react-essence

Import components

import AppBar from 'essence-appbar';
import BottomSheets from 'essence-bottomsheet';
import Btn from 'essence-button';
import Chip from 'essence-chip';
import {Card, CardHeader, CardContent, CardFooter} from 'essence-card';
import {Block, Text, Divider, Utils} from 'essence-core';
import DataTable from 'essence-data-table';
import Icon from 'essence-icon';
import Image from 'essence-image';
import Input from 'essence-input';
import {List, ListItem} from 'essence-list';
import Menu from 'essence-menu';
import Navigation from 'essence-navigation';
import Paper from 'essence-paper';
import Progress from 'essence-progress';
import Slider from 'essence-slider';
import SnackBar from 'essence-snackbar';
import Stepper from 'essence-stepper';
import Switch from 'essence-switch';
import Tab from 'essence-tab';
import Toast from 'essence-toast';
import ToolBar from 'essence-toolbar';
import Tooltip from 'essence-tooltip';
import TouchPad from 'essence-touchpad';

How to use

Use the example or live example from each component page.

About us

We are a team of front end developers with extensive experience in building highly desirable products for both large companies and startups alike.

We're very fond of our UI/UX craft and we're constantly creating tools that allow us to work smarter and faster. Essence is one of those tools and we're happy to release it as open-source.


Essence is [MIT licensed](./LICENSE).

Essence documentation is [Creative Commons licensed](./LICENSE-docs).

*Note that all licence references and agreements mentioned in the react-essence README section above are relevant to that project's source code only.