Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Visibility log for the outpatient remote desk page
Complete a page visibility log in a clinic remote desk scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runClass Treasure Hunt Expense Splitter
Complete the expense splitter in the classroom treasure hunt scene: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runQuick Date Picker for Reading Club
Quick date selection in a book club scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout.
Open and runShift Request Live Validation Form
Complete an instant validation form in a shift request scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runFleet Operations Hub Progress Navigation
Complete the process progress navigation in a fleet control center scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runMentor Review Desk Help Popover
Complete a help popover in a mentor review desk scenario: includes real content, actionable controls, clear state feedback, and cross-size layout.
Open and runPet Records Contact Directory Index
Complete the contact index for a pet records scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runStudio Expense Report Multi-Column Sort Table
Complete a multi-column sortable table for a studio reimbursement scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runGarden Briefing Master-Detail Layout
Complete a master-detail content layout for a garden briefing scenario, including real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runStudio Membership Subscription Conversion Page
A subscription conversion page for studio membership scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runHousing Operations Command Center Incident Response Board
Complete an incident response board in a housing operations desk scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runPerformance Check-in Desk Color Swatches Selection
Complete color sample selection in a recital check-in desk scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runShift Review Station Local Suggestion Input
Complete a local suggestion input in a shift review station scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runResponsive Main Menu for Makers’ Workbench
Complete a responsive main menu in the maker workbench scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runMentor Support Strip Bottom Action Panel
Build a bottom action sheet for a mentor support banner scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runPodcast Library Expandable Records
Complete an expandable record in a podcast library scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runStudio Ledger Sticky Header
Complete sticky table headers for a studio ledger scenario: include real content, actionable controls, clear status feedback, and responsive layouts.
Open and runGarden Brochure Split-Screen Narrative Layout
Create a split-screen narrative layout in a garden brochure scene: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runStudio Open Day Pricing Plans Page
Complete the pricing plans page in a studio open day scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runOperations Hub KPI Overview
Complete a key metrics overview in a housing front-desk scenario: real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runOutpatient return and exchange counter return request flow
Complete a return and exchange request flow in a clinic return-counter scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runClass Poster Kinetic Typography
Complete dynamic typography in a classroom poster scenario: real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient tracker spring control feedback
Create elastic control feedback in the clinic tracker scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCoral corridor confetti burst effect
Complete the confetti burst effect for the coral tunnel scenario: include real content, interactive controls, clear state feedback, and cross-size layouts.
Open and run