Component Driven Development with Emulsify

Emulsify is a design and prototyping tool built by Four Kitchens that uses Atomic Design principles to develop a living style guide that can be implemented in any CMS that supports Twig.

In this webinar, Web Chefs Brian Lewis & Evan Willhite explain the Emulsify tool and provide a demonstration of it in use. The webinar included:

  • an introduction to component-driven development
  • using Atomic Design to organize your project
  • automating a living styleguide
  • using BEM to isolate styles within components
  • creating flexible components with logical variables
  • including smaller components inside larger ones
  • implementing your components in a Drupal 8 theme

About Brian Lewis

Brian Lewis is a frontend engineer at Four Kitchens, and is passionate about sharing knowledge and learning new tools and techniques. He is also the creator of Modules Unraveled, a podcast and tutorial series where he covers what’s happening in the Drupal world.

About Evan Willhite

Evan Willhite is a frontend engineer at Four Kitchens who thrives on creating delightful digital experiences for users, clients, and fellow engineers. Check out his popular video post on component-based theming in Drupal 8.