Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Section-spy navigation for the clinic notice board
Complete section-linked navigation in a clinic announcement board scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runMeeting Operations Notification Center
Complete a notification center for a meeting operations scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runField Notes Filterable Card Wall
Complete a filterable card wall for a field notes scenario, with real content, interactive controls, clear status feedback, and responsive layouts.
Open and runMobile Cards for Meal Plans
A mobile card table for meal planning scenarios, featuring real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runClass Notebook Sticky Sidebar Layout
Complete a sticky sidebar layout for a classroom notebook scenario: include real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runPodcast Preview Night, Story Wall of Reviews
Complete the word-of-mouth story wall for a podcast preview night scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runGreenhouse Disposal Pipeline Board
Complete a workflow pipeline board in a greenhouse operations scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runPantry Display Rack Filter Tag Group
Complete the filter chips in a pantry display-rack scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMeal request password strength feedback
Complete password strength feedback for a meal order scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runClinic Quick Index Tree Navigation
Complete tree navigation in a clinic quick-index scenario: includes real content, actionable controls, clear state feedback, and multi-size layout.
Open and runMembership Center Progress Overlay
Build a progress overlay in a membership center scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runField Plan Wall Task Board
In a field planning wall scenario, complete a task kanban board: real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMentor Hours Bulk Selection Table
Complete a bulk-selection table for a mentor-hours scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAdaptive Gallery for the Class Recap Page
Complete an adaptive gallery in a class recap page scenario: include real content, interactive controls, clear status feedback, and cross-size layout.
Open and runPodcast Project Book Case Study Page
Complete a case study page in a podcast program guide scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across screen sizes.
Open and runGreenhouse Operations Resource Usage Dashboard
Complete the resource usage panel in the greenhouse operations scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runOutpatient checkout bag order progress tracking
Complete order progress tracking in the outpatient checkout bag scenario: includes real content, operable controls, clear status feedback, and responsive layouts.
Open and runResponsive Type Scale for Classroom Labels
Complete a responsive type scale in a classroom exhibit-label scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runOutpatient Pulse Orbital Status Animation
Complete an orbital status animation in an outpatient pulse scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runCoral Harbor Interactive Particle Field
Complete an interactive particle field in the Coral Harbor scene: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runPublic ledger dashboard graphics
Complete the dashboard graphic in a public ledger scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runOutpatient Secondary Display Language and Time Zone Panel
Complete the language and time zone panel in the outpatient secondary screen scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runClass Helper Box Tic-Tac-Toe
Complete tic-tac-toe in a classroom helper box scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runPantry lounge numeric stepper
Complete a numeric stepper in a pantry lounge scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and run