Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Clinic review table relationship matrix
Complete a relational matrix table in a clinic review form scenario: include realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runClassic Three-Column Archive Atlas Layout
Complete a classic three-column layout in an archive atlas scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runCivic Lab Feature Tour Page
Complete the feature tour page in the City Lab scenario: includes real content, actionable controls, clear state feedback, and a responsive layout.
Open and runArchive Central Conversion Funnel Dashboard
Complete a conversion funnel dashboard for an archive console scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runAudio Booking Checkout Flow
Complete the checkout step flow in a recording booking scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runArchive Zine Outline Title Design
Complete outlined heading design in an archive zine scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runCatalog Alert Flip State Transition
Complete the page-flip state transition in a catalog reminder scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCloud Lake Dome Glass Depth Space
Glass Depth Space in a Cloud Lake Dome scenario: real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAir Atlas Interactive Bar Chart
An interactive bar chart completed for the Air Atlas scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across screen sizes.
Open and runAudio Booth Full-Screen Stage Controls
Complete full-screen stage control in the audio booth scenario: includes realistic content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runArchive challenge desk Pomodoro timer
Complete a Pomodoro timer for an archive challenge desk scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGreenhouse Check-in Desk Quick Date Selection
Complete quick date selection in a greenhouse check-in desk scenario: includes realistic content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runExhibit Confirmation Card Live Validation Form
Complete an inline validation form in the exhibit confirmation card scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runArchive guide wall flow progress navigation
Complete the process progress navigation in an archive guide wall scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runOutpatient Reminder Room Help Popover
Complete a help popover for the clinic reminder room scenario: include realistic content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runSound Handover Log Contact Index
Complete contact indexing in a sound handover log scenario: includes real content, actionable controls, clear state feedback, and multi-size layout.
Open and runOutpatient Claims Paged Data Table
Complete a paginated data table for an outpatient reimbursement scenario: includes real content, interactive controls, clear status feedback, and a responsive multi-size layout.
Open and runArchive Briefing Responsive Masonry Layout
Complete a responsive masonry layout for an archive briefing scenario, with realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCourse Sprint Launch Countdown Page
Complete the launch countdown page for the course sprint scenario: include real content, interactive controls, clear status feedback, and responsive layouts.
Open and runArchive Dispatch Room Incident Response Board
Complete an incident response dashboard for an archive dispatch room scenario: including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runGreenhouse Control Console Color Swatch Selection
Complete the color swatch selection in a greenhouse control console scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runExhibit Follow-up Log Local Suggestions Input
Complete a local suggestion input in an event follow-up log scenario: it includes real content, actionable controls, clear state feedback, and responsive layout across sizes.
Open and runArchive Notice Board Responsive Main Menu
Complete a responsive main menu in the archive notice board scenario: includes real content, actionable controls, clear status feedback, and layouts across sizes.
Open and runOutpatient Check-in Bell Bottom Action Panel
Complete the bottom action panel in a clinic check-in bell scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and run