Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Children’s Room Preference Switch Matrix
Complete a preference toggle matrix in the children’s room scenario: includes real content, actionable controls, clear status feedback, and layouts across sizes.
Open and runAutomatic Draft Survey Form for Follow-up Responses
Complete an auto-draft form for a follow-up survey scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runCampus Map Numbered Pages Navigation
Complete page navigation in a campus map scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGallery Alert Room Context Actions Sheet
Complete the contextual action sheet in the gallery alert room scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Notebook Bookmark Organizer
Complete a bookmark organizer for an outpatient notebook scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runExhibit inspection paginated data table
Complete a paginated data table in an exhibit inspection scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runCare handbook responsive masonry layout
Complete a responsive masonry layout in a care handbook scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runLaunch countdown page for Makers Open Day
Complete a launch countdown page for an open house scenario in a creative environment: include real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runClass Dispatch Conversion Funnel Dashboard
Complete the conversion funnel dashboard in a course dispatch room scene: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runCare return counter service reservation flow
Complete the service booking flow in a care return counter scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runArchive Poster Fluid Headline Typography
Complete fluid headline typography for archive-poster scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCatalog Sync Skeleton Screen Transition
Complete the skeleton screen transition in a catalog synchronization scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCloud Lake Observatory Multi-Layer Wave Scenario
Complete the multi-layer wave scene in a cloud observatory scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAir queue relationship node map
Complete a relationship node diagram for an air queue scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runAudio Sensor Seat Page Visibility Log
Complete page visibility logging in an audio-sensor seat scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Treasure Hunt Expense Splitter
Complete the expense splitter in an archive treasure-hunt bureau setting: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runLoft Check-in Desk Date Quick Select
Complete a quick date picker in a loft check-in desk scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runOn-site Data Collection Live Validation Form
Complete an instant-validation form for field collection scenarios: including real content, interactive controls, clear status feedback, and a responsive layout.
Open and runCampus Notice Board Progress Navigation
Complete a process-progress navigation for a campus notice board scenario: includes realistic content, interactive controls, clear status feedback, and a responsive layout.
Open and runGallery check-in bell help popover
Complete a help popover in a gallery check-in bell scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runClinic Plan Wall Contact Index
Complete a contact directory in a clinic plan wall scenario: real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runExhibit Expense Report Multi-column Sort Table
Complete a multi-column sortable table for an exhibit reimbursement scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCare Digest Master-Detail Content Layout
Complete the master-detail content layout in the care special issue scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runCreative Preview Night Subscription Conversion Page
Complete a subscription conversion page for a creator preview night scenario, with real content, interactive controls, clear status feedback, and responsive layouts.
Open and run