Waystone-UI is the design system of Draekien-Industries built on top of Theme UI.
This Turborepo includes the following public packages and apps:
- 💻 apps
- 📦 packages
- 🔧 tools
| Name | Type | Description |
|---|---|---|
@waystone/ui |
📦 | The entrypoint of the UI library |
@waystone/syntax-highlighter |
📦 | Minimal port of react-syntax-highlighter for react 18 and typescript |
@waystone/color |
📦 | Tailwind style color stops generator logic |
@waystone/cli |
🔧 | CLI tool for code-gen |
@waystone/stories |
💻 | Storybook of all the available components |
eslint-config-waystone |
📦 | Shared configs used in the project |
eslint-plugin-waystone |
📦 | Shared plugins used in the project |
Click the badge below to view the components in storybook.
Run the relevant script for your package manager
| Package manager | Script |
|---|---|
| npm | npm i @waystone/ui@latest @emotion/react@11 [email protected] |
| yarn | yarn add @waystone/ui@latest @emotion/react@11 [email protected] |
| pnpm | pnpm i @waystone/ui@latest @emotion/react@11 [email protected] |
- Clone or fork this repository
- Checkout a feature branch for your change
- Make your changes locally
- Create a changeset by running
npx changesetand answer the provided questions - Commit your changes locally
- Push your changes to remote
- Create a pull request