Sapuris UI

📃 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

🎨 Colors

📦 Packages

Tokens

npm i @sapuris-ui/tokens

React components

npm i @sapuris-ui/react

Docs - Storybook

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

🎲 Components

• Text
• Heading
• Box
• Button
• TextInput
• TextArea
• Checkbox
• Avatar
• MultiStep
• More

⚙️ Running

Fork and Clone

git clone https://github.com/<your-profile>/sapuris-design-system

Install dependencies

npm install

Run app with Turborepo

npm run dev

🛠️ Tools

🧑 Contributors

Gustavo Henrique 💻