Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

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.


  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


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.


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

© 2023 Gatsby, Inc.