Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Donation Flow Button Morph
Complete button morph transitions for donation-flow scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runEcho Hall Glass Depth Space
Complete the glass depth space for the Echo Hall scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runClass Atlas Timeline Chart
Complete the timeline chart for the classroom atlas scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runOutpatient Terminal Clipboard Operations Demo
Complete clipboard operation demo in a clinic terminal scene: with real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runClassroom Timer Memory Flip Game
Complete a flip-card memory game in a classroom timer desk scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPerformance Plan Board Range Control
Complete the range control in a performance planning board scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runGrants and Awards Confirmation Card Summary Confirmation Form
Complete the summary confirmation form in a stipend confirmation card scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runStudio Dispatch Desk Breadcrumb Navigation
Complete the breadcrumb navigation for a studio dispatch desk scenario: including realistic content, actionable controls, clear state feedback, and a responsive layout.
Open and runApproval Confirmation Card Message Toast Stack
Complete the notification stack for the approval confirmation card scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runStudio Clip Box Story Carousel Card
Complete a story carousel card in the Studio Clip Box scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runStudio Usage Table Combination Filter Table
Complete the combined filter table in the studio usage log scenario: it includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runGarden Notebook Magazine Editorial Grid
Complete a magazine editorial grid in a garden notebook scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runTravel pass FAQ conversion section
Complete the FAQ conversion section in a travel pass scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runHousing Services Network Calendar Heatmap Panel
Complete a calendar heatmap dashboard for a home services website: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and run