Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gustavohps10/sapuris-design-system

🎨 My collection of standardized UI elements and styles
https://github.com/gustavohps10/sapuris-design-system

cicd design-system monorepo npm react stitches storybook tsup turborepo typescript

Last synced: about 8 hours ago
JSON representation

🎨 My collection of standardized UI elements and styles

Awesome Lists containing this project

README

        

Sapuris UI






## :page_with_curl: Description
This is my own design system, it contains a series of visual elements and style patterns that I use to develop my everyday applications.

> πŸ’‘ __SAPURIS__, refers to the pronunciation of the term γ‚΅γƒΌγƒ—γƒͺγ‚Ή (Sāpurisu), which is a Japanese translation of the English term "surplice". This term is used in the anime Saint Seiya to represent the undead costumes worn by the Specters. [Read More](https://saintseiya.fandom.com/pt-br/wiki/Sobrepelizes_de_Hades)

## :art: Colors

## :package: Packages
### Tokens
```
npm i @sapuris-ui/tokens
```

### React components
```
npm i @sapuris-ui/react
```

### Docs - Storybook
> https://gustavohps10.github.io/sapuris-design-system

## :game_die: Components

- [x] Text
- [x] Heading
- [x] Box
- [x] Button
- [x] TextInput
- [x] TextArea
- [x] Checkbox
- [x] Avatar
- [x] MultiStep
- [More](https://gustavohps10.github.io/sapuris-design-system/)

## :gear: Running

### Fork and Clone
```
git clone https://github.com//sapuris-design-system
```

### Install dependencies
```
npm install
```

### Run app with Turborepo
```
npm run dev
```

## :hammer_and_wrench: Tools













## :adult: Contributors



Gustavo Henrique
Gustavo Henrique

πŸ’»