Shared UI library

Catalog mode

Inspect the library like a real design system: one mode switch, one filter surface, one selective preview.

Open catalog Open components Open styleguide Back to library

UI catalog

Selective live preview of the shared UI through one navigation, one filter surface, and one real library directory in the main workspace.

Showroom task

Choose whether you need the library catalog, individual building blocks, or token truth.

Catalog Components Styleguide

Catalog control

The showroom remains a documentation and verification surface for shared UI, not a second product frontend.

Sections

Filter bar

Search, family, surface, and status stay controlled through the same governed catalog toolbar.

Reset
SECTIONS STABLE FRONTEND sections/testimonial

Testimonial

Finished content and marketing sections with one shared section rhythm.

Theme
Viewport
Category Marketing
Surface Frontend
Status Stable
Source file resources/ui/sections/testimonial/testimonial.php
System points
  • One section spacing system
  • Shared intro structure
  • Responsive without inline hacks
Series 01 Foundation STABLE Current

Testimonial

Finished content and marketing sections with one shared section rhythm.

Marketing Frontend resources/ui/sections/testimonial/testimonial.php
Live preview Desktop

"The shared UI library removed local design drift from our rollout screens."

Lena Hoffmann

Lena Hoffmann

Platform lead

"The showroom previews real library output instead of static mock surfaces."

Noah Keller

Noah Keller

Frontend engineer

Category Marketing
Surface Frontend
Status Stable
Source file resources/ui/sections/testimonial/testimonial.php
System points
  • One section spacing system
  • Shared intro structure
  • Responsive without inline hacks

Filter state and count truth

One library total, one filter pool, one active family result count.

The showroom keeps global library count separate from the current filter pool and the active family result set.

Library total 77
Filter pool 77
Active family 14

Current state

Family: Sections Surface: All surfaces Status: All statuses

Stateful navigation

Show all matching families Reset showroom filters