The Demo section turns the library into full website surfaces. Each site uses the same shared components, but themes are scoped per wrapper so we can test visual range without cloning the component set.
Surfaces
Theme scopes
Range
How to use this page
Editorial agency landing page with warmer contrast and service-heavy storytelling.
Brand systems, motion, and web direction for teams that need more edge.
Launches
Retention
Calmer healthcare layout with status surfaces, scheduling density, and operational tables.
Telehealth and same-day visits are available this afternoon.
Wait time
Patients today
Commerce homepage with a launch story, pricing emphasis, and card-based catalog rhythm.
Field-tested brewers, grinders, and travel kits for slower mornings.
Grinder
Kettle
Travel and retreat page with itinerary blocks, amenity surfaces, and booking CTA moments.
A coastline retreat for small teams that need focus, rest, and one sharp strategy session.
Next departure
June 18 | 3 nights | Karachi to Kund Malir
A phone-first todo app with working completion state, quick filters, and an app shell that should not feel like the website demos.
They surface where the component library still needs stronger layout primitives, richer navigation patterns, media-heavy blocks, or more nuanced data views.