This is a Technology Sample you can rely on to build your own Design System, based on Stitches.
Disclaimer: Technology Samples aren't comprehensive Design Systems but showcases a given technology so you free to build you own solution upon it.
This tech sample uses Stitches to implement its components. Stitches is a CSS-in-JS tool, based on the System UI Theme Specification, allowing you to set tokens, themes, as well as extending them for your components and their variants.
The Tokens are split in different components, following the SystemUI Theme Specification. They are then merged into a Stitches configuration in the stitches component.
Documentation pages are using the @divriots/dockit-react documentation framework to preview the different tokens and components. See the layout component.
- Stitches
- System UI
- Coding Design System - Stitches - Part.1: Live Coding session showing the implementation of this Starter Kit