Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Desert Station Cursor Trail Effect
Complete a pointer light-trail effect for the desert station scenario: include real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runScatter Plot of Class Performance
Complete the scatter plot for a classroom performance scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runOutpatient Tablet Viewport Info Panel
Complete the viewport info panel for a clinic tablet scenario: include realistic content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runClass Sprint Habit Check-in Board
Complete a habit check-in board for a class sprint scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runPerformance Display Rack Numeric Stepper
Complete a numeric stepper in a performance display rack scenario: with real content, actionable controls, clear state feedback, and a responsive layout across sizes.
Open and runDynamic field group for shift change requests
Complete a dynamic field group in a shift-swap request scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runRehearsal Script Workspace Tabs
Complete a workspace tabs example for rehearsal cue scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runApproval reminder room side drawer
Complete the side drawer for an approval reminder room scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runShift handover waterfall notes
Create a waterfall note board for a shift handover records scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runStudio Schedule Column Visibility Controls
Complete column visibility control in the studio schedule table scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGarden Guide Bento Grid Layout
Complete the bento-style grid layout for a garden guide scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runStudio Signup Week Product Comparison Page
Complete the product comparison page in a studio signup week scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runHousing Planning Room Trend Analysis Panel
Complete a trend analysis dashboard for a housing planning office scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runPerformance Lounge Option Card Selection
Complete the plan card selection in the performance break area scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runShift check-in session reservation form
Complete a schedule booking form for a shift check-in scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runService Plaza Bottom Quick Navigation
Complete a bottom quick navigation flow for the service plaza scenario: include realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runApproval Check-In Bell Keyboard Tooltip
Completed the keyboard tooltip in the approval check-in bell scenario: includes real content, actionable controls, clear state feedback, and cross-size layout.
Open and runStudio Board Priority Queue
Complete a priority queue flow for the studio board scenario: includes realistic content, actionable controls, clear state feedback, and layouts that adapt across sizes.
Open and runStudio stock guide comparison table
Complete a comparison table in a studio stock book scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runGarden Exhibition Dashboard Shell
Complete the dashboard shell in a garden exhibition scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runStudio Story Salon Event Agenda Page
Complete the event agenda page in a studio story venue scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runHousing Review Board Live Activity Feed
Complete a live activity feed for a housing review board scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runOutpatient Supply Cart Shopping Cart Calculator
Create a shopping cart calculator in the clinic supply cart scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runOutline Title Design for Classroom Scripts
Complete an outlined title design for a classroom script scenario: include realistic content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and run