Matter is a tiny collection of UI components. The components are built with Deku. Check out the website for live examples.
You can use Browserify or Duo to build Matter, which is available on npm:
npm install matterjs
import { Button } from 'stevenmiller888/matter';
import element from 'dekujs/virtual-element';
import { deku, render } from 'dekujs/deku';
let app = deku(<Button />);
render(app, document.body);
<Button label="Default" size="small" type="default" />
<Code language='javascript'>
{`
var Git = require('gity');
var git = Git()
.add('*.js')
.commit('-m "added js files"')
.run();
`}
</Code>
let sections = ['Home', 'Profile', 'Messages', 'Notifications'];
<Menu onChange={ change } items={ sections } />
let people = [
['Full Name', 'Age'], // header row
['Steven Miller', '25'],
['Tamara Jordan', '23'],
['John Smith', '28']
];
<Table rows={ people } />
<TextField placeholder='e.g. Steven Miller' />