UI Patterns Library Plus
UI Patterns Library Plus enhances the UI Patterns component browser with a Storybook-like interface. It provides improved navigation, filtering, and a more detailed view of components, including live editing capabilities for basic fields. The project offers default markup and styling that works with any theme and can be further customized through standard Drupal methods.
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
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
Default story is always shown in preview tab, other stories are shown within the Stories tab.
Variants
Props & Slots overview
Usage
Sponsors
Development on UI Patterns Library Plus is sponsored by undpaul.