UI Patterns Library Plus

UI Patterns Library Plus gives the ui_patterns_library component browser a Storybook-style upgrade. As a Drupal decorator module, it enhances the existing browser pages without replacing their routes or controllers.

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

Features

• Responsive two-column overview with instant client-side search and category pills
• Component cards with first-story preview, tags, and counts for variants / props / slots
• Tabbed single-component page: Preview, Stories, Variants, Props & Slots, & Usage
• Live, isolated component previews - shadow DOM, iframe, or inline, with per-component overrides and provider-theme rendering, so even JavaScript-driven components render correctly
• Storybook-style live Settings panel - edit props and text slots with AJAX-powered previews
• Copy-to-clipboard Twig includes that stay synchronized with the live Preview
• Light, dark, and system color schemes with theme-customizable CSS tokens (no global resets)
• Icon autocomplete for icon-typed props (when ui_icons is installed)

Requirements

• Drupal ^11.3 || ^12 + ui_patterns
• The ui_patterns_library submodule
• Optional: ui_icons + ui_icons_patterns for components with icon-typed props