monochromatic-ui

The monochromatic component library for React.

Usage no npm install needed!

<script type="module">
  import monochromaticUi from 'https://cdn.skypack.dev/monochromatic-ui';
</script>

README



Monochromatic-UI

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

GitHub stars GitHub forks Twitter Follow GitHub license

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