I've written too many damn design systems in my career, and I got to the point where I thought to myself: "omg, if I have to write another one of these, I'm going to punch a marshmallow".
So in order to spare the life of some poor, unsuspecting marshmallow, I made this repo.
I do not claim for this to contain the best way to roll out a design system from scratch, only as a reference for my future self to how I once:
- Wrote component logic.
- Designed component prop interfaces & compositions.
- Chose UI libraries to build off of.
Given how quickly the JS ecosystem moves, I fully expect everything to be obsolete yesterday. But hopefully, this helps serve as a good resource for future me, and maybe one other person (could that be you?).
To check out the project locally:
- Clone this repo.
- Make sure you have some sort of package manager installed. I prefer pnpm but yarn or any other tool works just as well.
- Install deps. (
pnpm i
oryarn install
) - Run Storybook. (
pnpm storybook
oryarn storybook
)
Check out the Storybook.