A starter skeleton that gives you the bare bones needed to get up and running with building design systems.
Skeleton UI is built with React, Typescript, Theme UI, Styled System, and emotion and structured as a monorepo using Lerna.
Skeleton UI is a simple and unopinionated starter kit with a small set of components built on top of customizable theme-based design scales that help you build UI rooted in constraint-based design principles. Customize, configure, and adjust these design scales inside of the theme object to your liking.
This kit is meant to be cloned and made into your own, custom design system.
To start building out your own design system run git clone https://github.com/coreybruyere/skeleton-ui.git or click 'Use this template' button on the top of this page.
Skeleton UI comes packaged with both Styled System and Theme UI. Giving you a fully customizable API where you can reference your theme with styled props or the sx prop.
- Theme spec based on System UI Theme Spec.
- Theme-based styling with the
sxprop from Theme UI. - Prop-based styling with styling props from Styled System.
See Contributing documentation for installation and development instruction.