https://github.com/blackmann/wardrobe

Styled React ⚛️ components to quickly bootstrap ideas.
https://github.com/blackmann/wardrobe

react

Last synced: 3 months ago
JSON representation

Styled React ⚛️ components to quickly bootstrap ideas.

• Host: GitHub
• URL: https://github.com/blackmann/wardrobe
• Owner: blackmann
• Created: 2022-09-08T20:40:09.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-07-04T18:37:08.000Z (over 1 year ago)
• Last Synced: 2024-09-29T01:34:53.533Z (3 months ago)
• Topics: react
• Language: TypeScript
• Homepage: https://wardrobe-components.vercel.app
• Size: 265 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# wardrobe

A personal React ⚛️components library to bootstrap ideas quickly. This set of components are very constrained and not

designed to be omnipotent. If you can't find what you want, you're better off using another components library or

implementing yours.

- 🌗 Dark mode inside

- 🌳 Tree-shakeable

- 🚫♿️ Not fully accessible (TODO)

## Installation + Usage

Install with

```sh

yarn add @blackmann/wardrobe

npm install @blackmann/wardrobe

```

Enjoy?

```javascript

// Add at top level

import '@blackmann/wardrobe/dist/styles/index.css'

import { Button } from '@blackmann/wardrobe'

function Demo() {

  return  console.log('Hah!')}>Click me

}

```

## Brand (colors, font, sizes, etc)

A lot of brand values can be overridden using css variables. Reference [`src/index.css`](src/index.css) for the possible

list of

variables. _You may/should only be interested in color and font_!

## Components

Stories for components are hosted here: https://wardrobe-components.vercel.app/

## Why not use MUI, React Bootstrap, Base web, etc.

Open source libraries (especially frontend libraries) have now turned into products. Instead of solving a simple

problem, they solve everybody's problem - leading to bloat. I'm a fan of small bundle size and straightforward APIs.

I want to spend more time writing code than referencing docs of a web component library.

The original idea is to develop faster with these libraries, but I find myself developing way slower.