Envisioning a Design System Maintained by the Drupal Community

Session Category Theming, Design, & Usability Room Auditorium Audience Intermediate Time Slot Sat 9:45am to 10:30am (2/18/23)

The Generic Drupal Web Components project aims to create a library of web components that are accessible, framework agnostic, possible to style, and easy to use with data provided by Drupal. In support of the Decoupled Menus initiative, an initial menu component was created as a proof of concept. This talk will focus on the lessons learned creating this menu component, and how this model could be followed to create a full design system that could be maintained by the Drupal community at large. Topics will include:

  • How using web components allows us to offer a single set of components that can be used in a variety of front ends, from popular JavaScript frameworks like React, to Drupal’s Twig based templating engine.
  • Structuring components to allow a variety of styling options, while still taking advantage of scoped styles.
  • State management and approaches to handling data from a wide variety of data sources.
  • Thinking ahead to the possible impact of a community driven design system.
  • Learning from similar efforts within the Drupal ecosystem.
  • Keys to success for this project, and how you can help.

About the Speaker

Brian Perry

Sr. Software Engineer at Pantheon

Chicago, IL

Brian is a versatile developer with experience building complex, interactive web applications in support of large-scale localized sites. Recently he has focused his efforts on evolving Drupal front-end development practices, decoupled Drupal, and design systems and has spoken on the topic at various Drupal events. Brian is a coordinator of the Decoupled Menus Initiative, a Drupal 7 and Drupal 8 Acquia Certified Grand Master, and loves all things Nintendo.