Emulsify Design System

Customizable Style Guide + Storybook Development

The Emulsify Gatsby Theme is a full Design System encompassing a Storybook development environment, a customizable style guide powered by GatsbyJS, as well as some other projects like a Drupal 8 starter kit theme. The new ecosystem breaks these into separate parts depending on your project's needs.

Storybook + Drupal

Emulsify is a full prototyping development environment using Storybook as a component library and Webpack as a build engine. It is also a Drupal 8 theme. It can be used as a standalone prototyping tool or inside a Drupal installation. It supports both Twig and React components out of the box! Because it's using Storybook, any number of languages an be supported with the correct configuration.

Style guide

Emulsify Design System contains a fully customizable style guide powered by GatsbyJS. The style guide is a Gatsby theme, and instructions for installation and usage can be found here.