Technologies   |    Project   |    Screenshot   |    How to run   |    License

🧪 Technologies

This project was developed with the following technologies:

• React
• TypeScript
• Storybook
• Turborepo
• Radix
• Stitches
• TSUP

🍺 Project

Ignite Design System is a Monorepo that provides components and tokens to build projects in the same style guide.

This project has CI/CD to publish the packages on the NPM and the storybook on the GitHub Pages.

The storybook with all the components and tokens can be found here.

The project uses:

✔ React

✔ TypeScript

✔ Storybook

✔ Turborepo

✔ Vite

✔ TSUP

✔ Radix

✔ Stitches

Tokens

• Colors
• Fonts
• Font Sizes
• Font Weights
• Line Heights
• Radii
• Space

Components

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

🖼 Screenshot

🚀 How to run

Clone the project and access its folder.

$ git clone https://github.com/thefalked/04-design-system.git
$ cd 04-design-system

To start it, follow the steps below:

# Install dependencies
$ npm run dev

# Start the project
$ npm run dev

📝 License

This project is under the MIT license. See the LICENSE file for more details.