Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Civic Signal Capability Radar Chart
Complete a capability radar chart in a public signal map scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Sensor Pointer Capability Check
Complete pointer capability detection in the clinic sensor seat scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runClass Reward Focus Timer
Build a focus timer for a classroom rewards scenario, including real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runStage Control Room Dual-Value Range Control
Complete dual-value range control in the performance control console scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runShift Schedule Form Multi-step Entry Flow
Complete a step-by-step input flow in a shift schedule table scenario: includes real content, interactive controls, clear state feedback, and a cross-size layout.
Open and runMaker Forum section-spy navigation
Section-based navigation completed in a maker forum scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMentor Update Window Notification Center
Complete a notification center in a mentor update window scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFilterable Recipe Collection Card Wall
Complete a filterable card wall for a recipe collection scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runStudio Settlement Sheet Mobile Card Table
Complete the mobile card table for a studio payout sheet scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGreenhouse Diary Sticky Sidebar Layout
Complete a sticky sidebar layout for the greenhouse diary scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runStudio Preview Night testimonial wall
Complete the testimonial story wall for the studio preview night scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts.
Open and runHousing Dispatch Pipeline Board
Complete the workflow pipeline board in a care-dispatch hall scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runPerformance Demo Screen Filter Tag Group
Complete the filter chip group for the performance demo screen scenario: include real content, interactive controls, clear status feedback, and a responsive layout across sizes.
Open and runShift Support Ticket Password Strength Feedback
Complete password strength feedback in a shift-support scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runMedia Room Tree Navigation
Complete a tree navigation in a media room scenario: includes real content, interactive controls, clear state feedback, and a responsive layout.
Open and runApproval Action Sheet Progress Blocker
Complete the progress blocker in an approval form scenario: includes real content, interactive controls, clear state feedback, and responsive layout.
Open and runResearch Clips Kanban Board
Complete a task board for a research clips scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runStudio Roster Bulk Selection Table
Complete the bulk selection table for the studio roster scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGarden Special Adaptive Gallery
Complete an adaptive gallery in a garden digest scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runStudio Program Guide Case Study
Complete a case study page in a studio project handbook scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across screen sizes.
Open and runHousing Response Line Resource Usage Dashboard
Complete the resource usage panel in a housing incident response scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Service Line Seat Selector
Complete the seat selector in a clinic service-flow scenario: includes realistic content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCourse reader rhythm marquee text
Complete the rhythmic marquee text in a course reader scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runOutpatient Trigger List Staggered Entry
Complete the staggered list entry flow in a clinic trigger scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and run