Monochromatic-UI

React components. Based on Material Design, build it with Styled Components. With gradient styles. 🎨

Installation

Install Monochromatic UI via npm.

npm install monochromatic-ui

Load Maven Pro font.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap"/>

Icon component works with Material Design Icon font so you will need it too.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined"/>

Usage

Just import the component you want to use.

import React from 'react';
import { Button } from 'monochromatic-ui';
 
function App() {
  return <Button>Hello World</Button>;
}
 
...

Documentation and Roadmap

Check out our storybook website.

Questions

For 'How to ...?' questions and other non-issues, please use our Discord while we are waiting for Github Discussions to go out of beta.

Maintainers

Collaborators