Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Care Center magazine editorial grid
Complete the editorial grid in a care center scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runCare Workshop Event Agenda Page
Complete the event agenda page in a care course scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCare Network Cohort Retention Dashboard
Complete a cohort retention panel in a care network scenario: include real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runArt Course Seat Selector
Complete the seat picker for an art class scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runAudio script rhythm marquee text
Complete a rhythmic marquee text piece for an audio-script scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMulti-stage Audio Wave Loader
Complete a multi-stage loader in a sound-wave scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCity magazine poetry grid layout
Complete the pointer trail effect in a cloud-lake setting: includes real content, actionable controls, clear state feedback, and a responsive layout across sizes.
Open and runAudio Metrics Waveform Renderer
Complete a waveform renderer in an audio metrics scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runArchive Reader System Color Scheme Detection
Detect the system color scheme in an archive reader scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout.
Open and runSound Match Habit Check-In Board
Complete the habit check-in board in an audio matching scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runFitness Corner numeric stepper
Complete a numeric stepper for a fitness corner scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runDonation Signup Conditional Survey
Complete a conditional survey in a donor signup scene: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCampus Tour Group Mega Menu
Complete a grouped mega menu in a campus guide scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runOutpatient Reminder Confirmation Dialog
Complete a confirmation dialog for an outpatient alert scenario: includes real content, interactive controls, clear state feedback, and responsive layout across sizes.
Open and runPublic Proposal Activity Timeline
Complete an activity timeline for a public proposal scenario: includes realistic content, interactive controls, clear status feedback, and a responsive layout.
Open and runDonation Ledger Inline Edit Table
Complete an inline editable table in a donation ledger scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runResponsive Full-bleed Care Journal Layout
Complete a full-width layered layout for a care log scenario, with realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCivic Camp Q&A Conversion Zone
Complete the Q&A conversion section in a civic camp scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runPublic Hotline Operations Command Center
Complete an operations command center for a public hotline scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runGardening Workshop Option Card Selection
Complete a solution card selection in a garden workshop scenario: include real content, interactive controls, clear status feedback, and a responsive layout.
Open and runEquipment request auto-draft form
Complete an auto-draft form for an equipment request scenario: include real content, operable controls, clear status feedback, and a responsive layout.
Open and runArchive Dispatch Desk Pagination Navigation
Complete paginated navigation in an archive dispatch desk scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runClinic Action Sheet Context Actions
Complete a contextual action sheet for the clinic action sheet scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runSound Clipping Box Bookmark Organizer
Complete a bookmark organizer for the sound clipping box scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and run