Synth is a toolkit for creating and managing design systems with design tokens.
This repository is managed as a monorepo composed of multiple NPM packages and each of them has its own documentation:
| Package | Description | Version |
|---|---|---|
| 🎹synth-core | Core library to manage token declarations. |  |
| 🎛️synth-tokens | Default token declarations used for building UI components at BeatGig. |  |
| 💈synth-css | CSS bindings for Synth. |  |
| ⚛️synth-react | React bindings for Synth. |  |
| 💅synth-styled-components | styled-components bindings for Synth. |  |
| 🧰synth-ui | UI component library built on React and styled-components and powered by Synth design tokens. |  |
Synth was heavily inspired by these fantastic people and libraries: