Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Deep-sea multilayer wave scene
Complete a multi-layer wave scene in a deep-sea setting: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runAir Quality Capability Radar Chart
Complete the capability radar chart in the air quality scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runDevice Lab Full-screen Stage Controls
Complete fullscreen stage controls in the Device Lab scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFamily Night Habit Check-in Board
Complete a habit check-in board in a family night scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runMeeting Room Numeric Stepper
Complete a numeric stepper in a meeting room scenario: include realistic content, actionable controls, clear status feedback, and cross-size layouts.
Open and runVolunteer Signup Budget Setup Sheet
Complete the budget configuration table in the volunteer sign-up scene: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runMuseum Tour Flow Progress Navigation
Complete progress navigation in a museum guide scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runDocument Review Status Banner
Complete a status banner for a document review scenario, with real content, interactive controls, clear status feedback, and responsive layouts.
Open and runReading List Priority Queue
Complete a priority queue in the reading list scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runMobile card table for inventory ledger
Create a mobile card table for an inventory ledger scenario, including real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runResponsive Masonry Layout for Architecture Journal
Responsive masonry layout for an architecture journal scenario: includes real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runTea Brand Launch Countdown Page
Complete a launch countdown page for a tea brand scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runLibrary Operations Conversion Funnel Dashboard
Complete the conversion funnel dashboard in the library operations scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runFlower Shop Subscription Plan Selection
Complete subscription plan selection in a flower shop scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runMountain Poetry Collection Dynamic Typography
Complete dynamic typography in a mountain-poem-inspired scene: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runFile upload page-turn state transition
A page-turning state transition in a file-upload scenario: real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runDeep-sea starfield traversal effect
A starfield travel effect completed in a deep-sea setting: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAir Quality Scatter Plot
Complete the scatter plot for the air-quality scenario: include real content, interactive controls, clear status feedback, and responsive layout across screen sizes.
Open and runDevice Lab Network Status Indicator
Complete the network status indicator in the Device Lab scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFamily Night Unit Converter
In a family-night scenario, complete a unit converter: real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runMeeting Room Color Swatch Selection
Complete a color swatch selection in a meeting room scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runVolunteer Signup Time Slot Booking Form
Complete the shift scheduling form in a volunteer signup scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runMuseum guide bottom quick navigation
Complete bottom quick navigation for a museum guide scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runDocument Review Notification Center
Complete the notification center in the document review scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and run