Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Sound Notebook Expandable Records
Complete the expandable records for the sound notebook scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Ledger Sticky Header
Complete the sticky table header in a clinic ledger scenario: includes real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runArchive Brochure Master-Detail Layout
Complete a master-detail content layout in an archive brochure scene: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runClinic open day subscription conversion page
Complete the subscription conversion page in the outpatient open day scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runArchive Disposition Line KPI Overview
Complete the key KPI overview in the archive disposal line scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runCare Appointment Ledger Invoice Builder
Complete the invoice generator for the care appointment desk scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive caption poetry grid layout
Complete the poetry grid layout in an archival exhibit-sign context: include real content, operable controls, clear status feedback, and responsive layouts across sizes.
Open and runCatalog Check-in Notification Pop Feedback
Complete the notification pop feedback for a catalog check-in scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCloud Dock Gradient Mesh Experiment
Completed a gradient mesh experiment for a cloud dock scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runAir Briefing Donut Chart
Create a donut chart for an air briefing scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runAudio Secondary Screen Local Storage Notes
Complete local storage notes in an audio secondary-screen scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runArchive List Station Random Picker
Complete a random picker in an archive listing station scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runGreenhouse Demo Screen Dual Range Control
Complete the dual-range control for a greenhouse demo screen scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runStep-by-step intake flow for exhibit registration desk
Complete a step-by-step form flow in the exhibit intake desk scenario: include real content, interactive controls, clear status feedback, and a cross-size layout.
Open and runArchive quick index section navigation
Complete chapter navigation in an archive quick index scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runOutpatient Confirmation Card Notification Center
Complete a notification center for the outpatient confirmation card scenario: include real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runFiltered card wall for the sound plan wall
Complete a filterable card wall for the sound plan wall scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runOutpatient Billing Card Mobile Table
Complete a mobile card table in an outpatient billing statement scenario: includes real content, actionable controls, clear state feedback, and cross-size layout.
Open and runArchive Special Issue Sticky Sidebar Layout
Complete a sticky sidebar layout for an archive special issue scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runGarden Market Testimonials Wall
Complete a word-of-mouth story wall for a garden fair scenario, with realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Planning Room Pipeline Board
Complete the pipeline board in the archive planning room scenario: includes real content, interactive controls, clear status feedback, and layouts for multiple sizes.
Open and runGreenhouse display rack filter chip group
Complete the filter tag group in a greenhouse display-rack scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runPassword Strength Feedback for Exhibition Request Form
In the exhibit request form scenario, provide password strength feedback: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runArchive Resource Shelf Tree Navigation
Complete tree navigation in an archive resource shelf scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and run