Emulsify is an open-source tool for creating design systems with reusable components and clear guidelines for teams. Emulsify helps organizations scale their design while reducing cost, streamlining workflows, and improving accessibility.

Emulsify Gatsby theme

Style guide generator powered by Gatsby, MDX, and Theme UI

Emulsify Gatsby theme is a fully customizable/themeable style guide generator built with Gatsby. It reads your documentation and component library and builds a style guide for you. Using MDX you can author custom documentation for your components as well as any other pages for your design system audience.

Examples

1. Western University of Pennsylvania
2. Default example (no overrides, just default content)

Documentation & Usage

1. Installation
2. Documenting Pages
3. Documenting Components
4. Other Functionality

Contributing

Workspace Installation

• Clone this workspace and run yarn from root to install dependencies
• Also helpful: yarn develop at root will actually run yarn workspace example develop.

Author

Emulsify® is a product of Four Kitchens — We make BIG websites.