Live preview

Components and sections

Every governed library file stays selectable through one responsive component catalog and one live preview shell.

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.

Molecules

Filter bar

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

Reset
MOLECULES STABLE CORE molecules/feature-item

Feature Item

Composed building blocks for search, orientation, metrics, and content.

Theme
Viewport
Category Content
Surface Core
Status Stable
Source file resources/ui/molecules/feature-item/feature-item.php
System points
  • Multiple atoms as one function
  • Reusable content patterns
  • Clean card and list logic
Series 01 Foundation STABLE Current

Feature Item

Composed building blocks for search, orientation, metrics, and content.

Content Core resources/ui/molecules/feature-item/feature-item.php
Live preview Desktop

Shared tokens

One truth for surfaces, spacing, and contrast.

Shared shells

Reusable layout language from section to page.

Shared controls

Atoms and molecules with governed states.

Category Content
Surface Core
Status Stable
Source file resources/ui/molecules/feature-item/feature-item.php
System points
  • Multiple atoms as one function
  • Reusable content patterns
  • Clean card and list logic

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: Molecules Surface: All surfaces Status: All statuses

Stateful navigation

Show all matching families Reset showroom filters