Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Mentor match dynamic field group
Complete a dynamic field group in the mentor matching scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runOutpatient Resource Shelf Workspace Tabs
Complete workspace tabs in the clinic resource shelf scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runMentor action sheet side drawer
Complete a side drawer for the mentor action-sheet scenario, including real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runField prompt cards waterfall notes
In a field prompt card scenario, complete a masonry note layout: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPet Visit Column Visibility Control
Complete column visibility control in a pet visit scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runClinic Brochure Bento Grid Layout
Complete a bento-style grid layout for a clinic brochure scenario: include real content, actionable controls, clear state feedback, and layouts across sizes.
Open and runPodcast series product comparison page
Complete a product comparison page in a podcast series scene: with real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runGreenhouse Planning Room Trend Analysis Dashboard
Complete a trend analysis panel for the greenhouse planning room scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runPantry Plan Board Option Cards Selection
Complete card selection in a pantry plan board scenario: include realistic content, actionable controls, clear status feedback, and responsive layouts.
Open and runPet Adoption Time Slot Booking Form
Complete a time-slot booking form in a pet adoption scenario: includes realistic content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runOutpatient Route Map Bottom Quick Navigation
Complete a bottom quick-navigation pattern for an outpatient route map scenario, including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runMentor Reminder Room Keyboard Tooltip
Complete the keyboard tooltip in the mentor alert room scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runField Directory Board Priority Queue
Complete a priority queue in a field roster board scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPodcast Schedule Comparison Table
Create a comparison grid for a podcast scheduling scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runActivity Recap Dashboard Shell
Complete the dashboard shell in an event recap scenario: real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runPodcast Signup Week Agenda Page
Complete the event agenda page for a podcast signup week scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGreenhouse Review Board Real-time Activity Feed
Complete a live activity feed in the greenhouse review board scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runOutpatient package promotion builder
Complete a promotion composer for an outpatient kit scenario: include real content, actionable controls, clear status feedback, and responsive layouts.
Open and runClass Column Font-Weight Hierarchy Experiment
Complete a font-weight hierarchy experiment for a classroom column scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runClinic signal ring progress feedback
Completed ring progress feedback in the outpatient signal scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCoral observatory spotlight stage
Complete the spotlight stage in a coral observatory scene: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCivic monitoring matrix heatmap
Complete the matrix heatmap in a public monitoring console scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runClinic kiosk media query watcher
Complete the media query observer in the outpatient self-service desk scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runClass Match Unit Converter
Complete the unit converter in the classroom matching round scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and run