UI Patterns 2.x

Define and expose self-contained UI Components as Drupal plugins and use them seamlessly in Drupal development and site-building.

Also called "components", UI patterns are reusable, nestable, guided by clear standards, and can be assembled together to build any number of applications. Examples: card, button, slider, pager, menu, toast...

The UI Patterns module also integrates with with tools like PatternLab or modules like Component Libraries thanks to definition overrides.

Project overview

The UI Patterns project provides 5 modules:

• UI Patterns: the main module, based on Drupal Core SDC API, with additional powerful API and quality-of-life improvments
• UI Patterns Library: generates a pattern library page available at /patterns to be used as documentation for content editors or as a showcase for business. Use this module if you don't plan to use more advanced component library systems such as Storybook, PatternLab or Fractal. Learn more
• UI Patterns Layouts: allows to use patterns as layouts. This allows patterns to be used with Layout Builder, Display Suite or Panels out of the box. Learn more
• UI Patterns Views: allows to use patterns as Views styles or Views rows. Learn more
• UI Patterns Legacy: Load your UI Patterns 1.x components inside UI Patterns 2.x

Documentation

Documentation is available here.