Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Archive Screening Case Study Page
Complete a case study page for archive screening scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Room Live Activity Feed
Complete a real-time activity feed in an archive room scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runReturn and Exchange Request Flow for Archive Printing
Complete the return-and-exchange request flow in the archive printing scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runKinetic Type Layout for Archive Essays
A kinetic typography layout completed for an archive essay scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Sync Button Morph Transition
Complete the button morph transition in an archive sync scenario: includes real content, actionable controls, clear status feedback, and layouts across sizes.
Open and runBotanical Lab Confetti Burst Effect
Complete the confetti burst effect for the botanical lab scenario: includes realistic content, actionable controls, clear state feedback, and responsive layouts.
Open and runArchive Growth Relationship Node Map
Complete a relationship node diagram for an archive growth scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runAccessibility Clipboard Demo with Assistive Settings
Complete a clipboard operation demo in an accessibility settings scenario: including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runArchive Hunt Expense Splitter
Complete a expense splitter in an archive treasure-hunt scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCommunity Garden Dual Range Control
Complete a dual-range control in a community garden scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runFollow-up registration summary confirmation form
Complete the summary confirmation form in a follow-up registration scenario: includes real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runArchive Center Breadcrumb Navigation
Complete a breadcrumb navigation flow in an archive center scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runCare reminder progress overlay
Complete a progress overlay in a care reminder scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runAudio Notes Contact Index
Build a contact index for an audio notes scenario: real content, interactive controls, clear status feedback, and responsive layout across screen sizes.
Open and runOutpatient Billing Column Visibility Control
Complete column visibility control in an outpatient billing scenario: includes realistic content, interactive controls, clear status feedback, and a responsive layout.
Open and runAudio archive dashboard shell
Complete a dashboard shell for an audio archive scenario: including real content, actionable controls, clear status feedback, and responsive layouts.
Open and runAudio Lab product comparison page
Complete a product comparison page in a sound lab scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runCampus energy calendar heatmap panel
Build a calendar heatmap dashboard in a campus energy-use scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runFamily Kitchen Filter Chip Group
Complete a filter tag set in a family kitchen scenario: includes real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runCommunity Appeal Budget Planner
Complete the budget configuration sheet in a community appeal scenario: includes real content, actionable controls, clear status feedback, and layouts that adapt across sizes.
Open and runArchive Hall command palette
Complete the command palette in an archive hall setting: include real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runCheck-in desk status banner
Complete a status banner in a check-in desk scenario: includes realistic content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runCare Plan Accordion List
Complete a collapsible content list for a care-plan scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runClinic inventory plan comparison table
In an outpatient inventory scenario, complete a comparison table of options: include real content, interactive controls, clear status feedback, and cross-size layouts.
Open and run