https://github.com/dipsaus9/design-system-monorepo

Monorepo for Design systems
https://github.com/dipsaus9/design-system-monorepo

design-system react storybook typescript

Last synced: 5 days ago
JSON representation

Monorepo for Design systems

• Host: GitHub
• URL: https://github.com/dipsaus9/design-system-monorepo
• Owner: dipsaus9
• License: mit
• Created: 2023-09-21T09:30:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-12T10:30:53.000Z (over 1 year ago)
• Last Synced: 2023-10-13T11:18:59.648Z (over 1 year ago)
• Topics: design-system, react, storybook, typescript
• Language: TypeScript
• Homepage: https://dipsaus9.github.io/design-system-monorepo/
• Size: 9.06 MB
• Stars: 17
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Design System monorepo

This is a [Turborepo](https://turbo.build/repo/docs/) that contains all the packages and apps for the Design System.

## What's inside?

This repo includes the following packages/apps:

### Apps and Packages

- `docs`: a [Storybook](https://storybook.js.org/) instance

- `design-tokens`: Design tokens connection with Figma Tokens

- `tailwind-theme`: Tailwind theme based on design tokens

- `ui`: a React component library shared

- `eslint`: `eslint` configurations

- `tsconfig`: `tsconfig.json`s used throughout the monorepo

Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).

### Build

To build all apps and packages, run the following command:

```

pnpm build

```

### Develop

To develop all apps and packages, run the following command:

```

pnpm dev

```

## Presentation

You can see the slides from the presentation [here](https://docs.google.com/presentation/d/1Ah-9M87iwlN2bD3f7MCn-jjGKIvSvIqsWff7Owrg0KQ/edit?usp=sharing)

## Figma File

You can find the Figma file over [here](https://www.figma.com/file/xiYOpPBT9zeXWmo6G8pNqF/Design-system-Examples?type=design&t=tzcz57UcFSVvJerB-6)