Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Evo-Forge/Essence

Essence - The Essential Material Design Framework
https://github.com/Evo-Forge/Essence

Last synced: about 2 months ago
JSON representation

Essence - The Essential Material Design Framework

Awesome Lists containing this project

README 

        
[![view on npm](http://img.shields.io/npm/v/react-essence.svg)](https://www.npmjs.org/package/react-essence)

[![view on npm](http://img.shields.io/npm/l/react-essence.svg)](https://www.npmjs.org/package/react-essence)

[![npm module downloads](http://img.shields.io/npm/dt/react-essence.svg)](https://www.npmjs.org/package/react-essence)

[![Dependency Status](https://david-dm.org/Evo-Forge/Essence.svg)](https://david-dm.org/Evo-Forge/Essence)



#[Essence] - The Essential Material Design Framework



### About Essence

Essence is a CSS framework that implements the guidelines from [Google Material Design Specification](https://www.google.com/design/spec/material-design/introduction.html) using Facebook's [react.js library](https://facebook.github.io/react/). 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.



### Installation

```

npm install react-essence

```



### Import components

```javascript

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.



### License

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



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