Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Course Incident Resolution Board
Complete an incident response dashboard in a course incident line scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runLoft Control Deck Color Swatches
Complete color swatch selection in the loft control console scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGrant Application Local Suggestion Input
A local-suggestions input completed for a grant application scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCampus quick index responsive main menu
Create a responsive primary menu for the campus quick index scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runGallery Confirmation Card Bottom Action Panel
Complete the bottom sheet in the gallery confirmation card scenario: includes real content, interactive controls, clear state feedback, and responsive layout.
Open and runOutpatient prompt card expandable records
Complete the expandable records pattern for the clinic prompt cards scenario: real content, interactive controls, clear status feedback, and responsive layout across screen sizes.
Open and runExhibit Ledger Sticky Header
Complete the sticky header in the exhibit ledger scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCare guide split-screen narrative layout
Complete a split-screen narrative layout in a care-guide scenario: real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCreative Project Handbook Pricing Page
Complete a pricing plans page for the creative project booklet scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runKey metrics overview for the course planning room
Complete a KPI overview in the class planning room scenario: includes real content, actionable controls, clear status feedback, and layouts that adapt across sizes.
Open and runCare Service Flow Return and Exchange Request
Complete the return and exchange request flow in a care-service scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Reader Dynamic Typography
Complete dynamic typography composition for the archive reader scenario: include real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runCatalog tracker spring control feedback
Complete elastic control feedback in a catalog-tracker scenario: includes realistic content, actionable controls, clear status feedback, and responsive cross-size layouts.
Open and runCloud lake stage confetti burst effect
Complete the confetti burst effect in the cloud lake stage scene: includes real content, actionable controls, clear status feedback, and a cross-size layout.
Open and runAir Review Binder Capability Radar Chart
Complete an ability radar chart in an air review notebook scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAudio tablet pointer capability test
Complete pointer capability detection for an audio tablet scenario: includes real content, interactive controls, clear state feedback, and layouts across sizes.
Open and runArchive Sprint Focus Timer
Complete a focus timer in an archive sprint scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts.
Open and runLoft Demo Screen Dual-Range Control
Complete the dual-range control in the loft demo screen scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runHomestay Confirmation Card Multi-step Form
Complete a step-by-step flow for the staying confirmation card scenario: includes realistic content, actionable controls, clear state feedback, and layouts that adapt across sizes.
Open and runCampus Resource Shelf Section Spy Navigation
Complete chapter navigation for the campus resource shelf scenario: include realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGallery Proof Notification Center
Complete the Notification Center in a gallery proofing scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Directory Board Filterable Card Wall
Build a filterable card wall in a clinic roster board scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runExhibit Settlement Mobile Card Table
Complete the mobile card table in the exhibit settlement sheet scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runCare Exhibit Sticky Sidebar Layout
Complete a sticky sidebar layout in a care exhibition scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and run