The average enterprise on Netlify ships 140 times per week. Where does your team rank?

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.