Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Exhibit Entry Budget Configuration Sheet
Complete the budget setup table in an event check-in scenario: include real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCampus Dispatch Desk Command Palette
Complete a command palette for a campus dispatch desk scenario: include real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runDelivery Status Banner
Complete a status banner for delivery updates: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Clip Box Collapsible Content List
In the outpatient clip box scenario, complete a collapsible content list: including real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runEnergy Consumption Records Inline Edit Table
Complete an inline edit table in an energy usage records scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCare Atlas Full-bleed Interleaved Layout
Complete the full-bleed layout in the care atlas scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFeature Tour for a Creation and Launch Week
Complete a feature tour page for the creation and release week scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runCourse Management Cohort Retention Panel
Complete the cohort retention panel for course management scenarios: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runCare Prep List Quote Builder
Create a quote builder for a care prep list scenario: with real content, actionable controls, clear state feedback, and responsive layouts.
Open and runArchive notebook drop cap layout
Complete a drop-cap layout in an archive notebook scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runCatalog signal content reveal animation
Create a content reveal animation in a catalog signal scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runCloud Harbor Starfield Traverse Effect
Complete the starfield traversal effect in the Cloud Lake Harbor scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runAir monitoring station trend line chart
Complete a trend line chart for an air monitoring station scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runAudio Remote Desk Network Status Indicator
Complete network status indication in the audio remote desk scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runArchive Planning Board Portable Calculator
Complete a portable calculator in an archive planning board setting: including real content, interactive controls, clear state feedback, and cross-size layout.
Open and runGuest suite segmented selector
Complete a segmented selector in a guest-suite scenario: real content, actionable controls, clear state feedback, and layouts across sizes.
Open and runExhibition registration conditional questionnaire
Complete a conditional questionnaire in the exhibition registration scenario: includes realistic content, interactive controls, clear status feedback, and a responsive layout.
Open and runCampus Guide Wall Group Mega Menu
Create a grouped mega menu for a campus guide wall scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGallery action sheet confirmation dialog
Complete the confirmation dialog in a gallery operation-sheet scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runClinic Handover Log Activity Timeline
Complete an activity timeline for an outpatient handover log scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runExhibit review table relationship matrix
Complete a relationship matrix table for the exhibit review sheet scenario: includes real content, interactive controls, clear status feedback, and cross-size layout.
Open and runClassic three-column responsive layout for care briefing
Complete a classic three-column layout in a care briefing scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runCreative Membership Seasonal Narrative Hero
Complete a narrative hero section for the creator membership season scene: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runCourse Control Center Operations Command Center
Complete the operations command center for the course headquarters scenario: with real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and run