Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/johnpolacek/design-system-playground

Play with typography and colors to generate a design system theme you can use in your projects.
https://github.com/johnpolacek/design-system-playground

Last synced: 16 days ago
JSON representation

Play with typography and colors to generate a design system theme you can use in your projects.

Awesome Lists containing this project

README

        

# Design System Playground

#### Play with typography and colors to generate a design system theme you can use in your projects.

[![Netlify Status](https://api.netlify.com/api/v1/badges/ca9cacda-5677-43e8-928d-c1970af41cfe/deploy-status)](https://app.netlify.com/sites/design-system-playground/deploys)

---

With a [Theme Object](https://theme-ui.com/theme-spec) that follows the [System UI Theme Specification](https://system-ui.com/) for style values, scales, and/or design tokens, you can create [interoperable](https://jxnblk.com/blog/interoperability/) components that share common underlying style properties across projects, websites, applications and environments.

---

#### Related Projects

Check out these other cool projects:

- [System UI](https://system-ui.com/)
- [Theme UI](https://theme-ui.com/)
- [Rebass](https://rebassjs.org/)
- [Chakra UI](https://chakra-ui.com/)
- [Components AI](https://components.ai/)
- [ColorBox](https://www.colorbox.io/)
- [Color Thief](https://lokeshdhakar.com/projects/color-thief/)