Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Bottom quick navigation for the Archive Service Hall
Complete the bottom quick navigation in the archive service hall scenario: it includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runOutpatient Support Bar Keyboard Tooltip
Complete a keyboard tooltip in a clinic support banner scenario: including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runAudio Story Shelf Priority Queue
Complete the priority queue in the audio story shelf scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Stock Book Comparison Table
Complete a solution comparison table for a clinic stockbook scenario: include real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runArchive Notebook Dashboard Shell
Complete a dashboard shell in an archive notebook scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCreative Brief Event Agenda Page
Complete the event agenda page for a creative brief scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive duty log live activity feed
Complete a real-time activity feed in an archive duty log scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCare Pickup Window Promotion Builder
Complete a promotion composer in the care pickup window scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runArchival Notes Text Mask Effect
Achieve a text masking effect in an archive-note setting: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCatalog Pulse Ring Progress Feedback
Complete circular progress feedback in a catalog pulse scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runCloud Lake Hall Spotlight Stage
Complete a spotlight stage for a Cloud Lake Hall scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAir ledger matrix heatmap
Build a matrix heatmap for an air-ledger scenario: with realistic content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAudio recorder media query observer
Complete the media query observer in an audio recorder scenario: include real content, interactive controls, clear status feedback, and layouts that adapt across sizes.
Open and runArchive Match Unit Converter
Complete a unit converter in an archive match-game scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runGreenhouse Setup Cart Range Adjuster
Complete a range slider in a greenhouse setup cart scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runExhibition Support Request Summary Confirmation Form
Complete a summary confirmation form in an exhibition support scenario: include real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runArchive Access Card Breadcrumb Navigation
Complete a breadcrumb navigation in an archive access card scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runClinic Update Toast Stack
Completed message stack for the outpatient update window scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runAudio Patrol Line Story Carousel Cards
Complete the story carousel cards in the audio patrol line scenario: include real content, interactive controls, clear status feedback, and cross-size layout.
Open and runOutpatient Usage Table Composite Filter Table
Complete the composite filter table in the outpatient usage scenario: includes realistic content, interactive controls, clear status feedback, and cross-size layouts.
Open and runArchive Recap Page Magazine Editorial Grid
Complete a magazine editorial grid for the archive recap page scenario, including real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runMaker Fair Q&A conversion zone
Complete an FAQ conversion section in a makers’ market scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runArchive Watch Desk Calendar Heatmap Panel
Complete a calendar heatmap dashboard for the archive watch desk scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGreenhouse Task Shelf Rating Scale
Complete the rating scale in a greenhouse task shelf scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and run