minorui

Minorui (A work in progress)

A React UI component library with a minimal design. The official design system for Sutle.

Installation

Install Minorui using yarn or npm:

# Using NPM
npm install --save minorui

# Using Yarn
yarn add minorui

Usage

import { Heading } from 'minorui';

...

<Heading>
  Hello World
</Heading>

Inspirations/Acknowledgements

Tailwind CSS

I'm not really that great of a thinker when it comes to theme or creating a design system. That is why I decided to use some of Tailwind's styles to built my own custom components. Minorui uses the theming from Tailwind CSS (colors, font sizes, breakpoints, etc.).

Radix

I don't really want to reinvent the wheel when it comes to accessibility so I used Radix UI for that.

Stitches

A styling library that I am really a fan of. I really love how you can add variants to the styled components. You must check this out 👀

Hero Icons

I'm currently using Hero Icons, a set of free MIT-licensed svg icons by the makers of Tailwind CSS.

Changelog

Changelog

License

MIT © Joeylene Rivera