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: 7 months ago
JSON representation
🎨 My collection of standardized UI elements and styles
- Host: GitHub
- URL: https://github.com/gustavohps10/sapuris-design-system
- Owner: Gustavohps10
- License: mit
- Created: 2024-07-30T09:13:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-06T14:00:56.000Z (about 1 year ago)
- Last Synced: 2025-03-21T09:16:11.499Z (7 months ago)
- Topics: cicd, design-system, monorepo, npm, react, stitches, storybook, tsup, turborepo, typescript
- Language: TypeScript
- Homepage: https://gustavohps10.github.io/sapuris-design-system/
- Size: 2.72 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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