https://github.com/byebye-sama/monochromatic

The monochromatic component library for React 🎨
https://github.com/byebye-sama/monochromatic

chromatic component-library components gradient javascript library monochromatic monochrome react reactjs storybook styled-components typescript

Last synced: about 1 year ago
JSON representation

The monochromatic component library for React 🎨

• Host: GitHub
• URL: https://github.com/byebye-sama/monochromatic
• Owner: ByeBye-Sama
• License: mit
• Created: 2020-04-29T00:30:43.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-09T03:17:55.000Z (almost 6 years ago)
• Last Synced: 2025-04-22T10:46:32.728Z (about 1 year ago)
• Topics: chromatic, component-library, components, gradient, javascript, library, monochromatic, monochrome, react, reactjs, storybook, styled-components, typescript
• Language: TypeScript
• Homepage: https://monochromatic.surge.sh/
• Size: 1.04 MB
• Stars: 8
• Watchers: 0
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          








  

    

  



Monochromatic-UI




[React](https://reactjs.org/) components. Based on [Material Design](https://material.io/design/introduction/), build it with [Styled Components](https://styled-components.com/). With gradient styles. :art:

[![GitHub stars](https://img.shields.io/github/stars/ByeBye-Sama/monochromatic?color=94D5CD&logo=github&style=for-the-badge)](https://github.com/ByeBye-Sama/monochromatic/stargazers)

[![GitHub forks](https://img.shields.io/github/forks/ByeBye-Sama/monochromatic?color=5EC0B4&logo=github&style=for-the-badge)](https://github.com/ByeBye-Sama/monochromatic/network)

[![npm](https://img.shields.io/npm/v/monochromatic-ui?color=%2329AC9C&style=for-the-badge)](https://www.npmjs.com/package/monochromatic-ui)

[![Twitter Follow](https://img.shields.io/twitter/follow/monochromaticui?color=1E8175&label=Twitter&logo=twitter&logoColor=FFFFFF&style=for-the-badge)](https://twitter.com/intent/user?screen_name=monochromaticui)

[![GitHub license](https://img.shields.io/github/license/ByeBye-Sama/monochromatic?color=%2314564E&style=for-the-badge)](https://github.com/ByeBye-Sama/monochromatic/blob/master/LICENSE)



## Installation

Install Monochromatic UI via npm.

```bash

npm install monochromatic-ui

```

Load Maven Pro font.

```bash

```

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

```bash

```

## Usage

Just import the component you want to use.

```jsx

import React from 'react';

import { Button } from 'monochromatic-ui';

function App() {

  return Hello World;

}

...

```

## Documentation and Roadmap

Check out our storybook [website](https://monochromatic.surge.sh/).

## Questions

For _'How to ...?'_ questions and other non-issues, please use our [Discord](https://discord.gg/Pdmq5nG) while we are waiting for **Github Discussions** to go out of beta.

## Maintainers



  



## Collaborators