UI Pattern Demos
Browse and interact with component demos. Press . to toggle the demo shell.
Lead Table
Data table with filtering, sorting, and row selection
App Shell
Application layout with sidebar navigation and top bar
Widget Bar
Stat widgets with mini charts for dashboard summaries
Activity List
Timeline-style activity feed with inline expand and entity navigation
Entity Chip
Compact inline references to customers, homes, sensors, and equipment
Metadata
Stacked label-value pairs for sidebars, cards, and detail views
Validation States
Input fields with error, success, and warning validation states
Integration Mapping
Mapping patterns for memberships and trade conditions across systems
Table Styling
Before/after comparison of table action button styles
Detail Panel
Push-style sidebar for viewing item details alongside a list
Tab Styling
Before/after comparison of tab component styling
Scrollable Table
Table wrapper with scroll-aware fade effects and sticky column support
List Page Layout
Flex-column layout with pinned header, widgets, and footer around a scrollable content area
Omni-Search
Universal search dialog for customers, homes, devices, and service requests
Banner
Contextual banners for insights, recommendations, warnings, and urgent alerts
Task Sequence
Auto-advancing task steps with loading spinner, swapping one at a time to a final status
Timeline
Vertical timeline for events, order progress, and wizard steps