https://github.com/elemental-design/style-guide

Generate a cross platform style guide from your design token schema and UI components
https://github.com/elemental-design/style-guide

cross-platform design-systems react react-primitives react-sketchapp style-guide style-guide-generator ui

Last synced: 10 months ago
JSON representation

Generate a cross platform style guide from your design token schema and UI components

• Host: GitHub
• URL: https://github.com/elemental-design/style-guide
• Owner: elemental-design
• License: mit
• Created: 2019-09-08T16:16:46.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T09:41:00.000Z (about 3 years ago)
• Last Synced: 2025-04-14T01:15:00.223Z (10 months ago)
• Topics: cross-platform, design-systems, react, react-primitives, react-sketchapp, style-guide, style-guide-generator, ui
• Language: TypeScript
• Homepage:
• Size: 605 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Elemental Style Guide

Generate a **cross-platform** style guide from a JSON theme based on a design system schema.

**Supported Outputs**

- Sketch.app style-guide

- Website style-guide documentation (coming soon)

## Example Sketch Style Guide

![Example Sketch Style Guide](https://user-images.githubusercontent.com/6757532/76371463-3eb84600-6332-11ea-8d3a-7450766fbf3a.png)

## In Development

A working version of the Sketch style guide export already exists for this, but needs to be abstracted into a form in which it can be open-sourced.

Please star/watch this repo and check back later!