Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Makers’ residency testimonial story wall
Complete the word-of-mouth story wall in a residency scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCourse Review Board Pipeline Panel
Complete a process pipeline board in a class review board scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runLoft Display Rack Filter Tag Group
Complete the filter tag group in the loft display rack scenario: include real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runHomestay Follow-up Log Password Strength Feedback
Complete the password-strength feedback in a post-visit follow-up log scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCampus Route Map Tree Navigation
Complete tree navigation in the campus route map scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runGallery proof note progress mask
Completed a progress blocker for a gallery proof note scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runOutpatient rounds task board
Complete a task board in an outpatient round scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runExhibit Roster Bulk Selection Table
In an exhibit roster table scenario, complete a bulk-selection table: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCare notebook responsive gallery
Complete an adaptive gallery in a care notebook setting: including real content, interactive controls, clear state feedback, and cross-size layout.
Open and runCreative Signup Week Case Study Page
Complete the case study page in a creative signup week scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCourse Service Network Resource Usage Dashboard
Complete the resource usage panel for the course service web scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runCare Supply Cart Seat Selector
Complete the selector in the care supply cart scenario: includes real content, actionable controls, clear status feedback, and a multi-size layout.
Open and runArchive Script Rhythm Marquee Text
Complete a rhythmic marquee text piece for an archive script scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runCatalog trigger list staggered entry
Complete staggered entry for the catalog trigger scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCloud Lake Promenade Pointer Trail Effect
Completed the pointer light trail effect in the cloud lake corridor scenario: includes real content, actionable controls, clear state feedback, and cross-size layout.
Open and runAir Signal Map Scatter Plot
Complete a scatter distribution chart in the air signal map scenario: includes real content, interactive controls, clear status feedback, and a responsive multi-size layout.
Open and runAudio terminal viewport information panel
Complete the viewport information panel for an audio terminal bay scenario: include realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Timer Desk Habit Check-in Board
Complete a habit check-in board for an archive timing desk scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runLoft lounge numeric stepper
Complete the numeric stepper in the loft lounge scene: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runDynamic field group for resident registration
In the housing registration desk scenario, complete a dynamic field group: include real content, actionable controls, clear status feedback, and cross-size layout.
Open and runCampus Service Hall Workspace Tabs
Complete workspace tabs for the campus service hall scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runGallery Review Desk Side Drawer
Complete a side drawer for a gallery review desk scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runOutpatient Story Shelf Masonry Notes
Complete the waterfall note layout in an outpatient story shelf scenario: include realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runExhibit Schedule Column Visibility Control
Complete column visibility control in an exhibit scheduling table scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and run