A CLI toolbox for creating design systems in minutes
Uses: Typescript, CSS, styled-components support
Outputs: CJS and MJS
No tooling configuration required
Design-systems-cli is basically a Create React App for design systems.
The main benefit it brings you as a developer is time savings. Setting up all of the monorepo, storybook, and build tools for a design system takes over a week if you piece it together yourself. You can do it with this project in minutes.
β Scaffold components and entire design systems
β Build your components for multiple outputs (cjs and esm)
β Write styles with styled-components or css-modules
β Craft excellent components using Storybook
β Let component consumer try your components with playroom
β Testing and linting support
β Typescript supported out of the box
β Track the size of your components and debug the changes
For the full documentation, go here.
Ensure you have the following softwares installed:
-
Node >= 10.18.1- Installation guide -
Yarn- Installation guide
If node-gyp throws errors during installation, installation may still be successful
To get set up, fork and clone the project then run the following command:
yarn && yarn startTo scaffold a new plugin inside this repo run the following command:
yarn run create:plugin "my plugin"Feel free to open an issue or a pull request!
Make sure to read our code of conduct.
We actively welcome pull requests. Learn how to contribute.
Thank you to all these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
![renovate[bot]](https://avatars.githubusercontent.com/u/29139614?size=120)
