This project is not covered by Drupal’s security advisory policy.

UI Patterns Library Plus gives the ui_patterns_library component browser a "Storybook like" style upgrade.

It ships its own default markup, styling, and JS, works with any active theme out of the box, and has zero third-party JS dependencies. Every part can still be overridden the normal Drupal way via theme template overrides and CSS custom properties.

Features

  • two-column layout with search and category filters
  • tabbed single-component Preview, Stories, Variants, Props & Slots, Usage

Example screenshots

Component browser with preview images

Component library

Preview tab with "live" editing for basic fields


Within the preview tab, you have the possibility to live edit slots of a given component (depending on their type).
⚠️ This functionality is in an early stage right now and will get enhancements while further development ⚠️

Stories

Props & Slots overview

Default story is always shown in preview tab, other stories are shown within the Stories tab.

Variants

Props & Slots overview

Props & Slots overview

Props & Slots overview

Usage

Props & Slots overview

Sponsors

Development on UI Patterns Library Plus is sponsored by undpaul.

Supporting organizations: 
Development

Project information

Releases