Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Design Task Bookmark Organizer
Complete the bookmark organizer for a design tasks scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCourse Grades Inline Edit Table
Complete inline-editing tables for course grade scenarios: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runCommunity Portal Adaptive Gallery
Complete a responsive gallery for a community portal scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runCreative Festival Case Study Page
Complete a case study page for the Creative Festival scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runOutpatient Scheduling Cohort Retention Panel
Complete a cohort retention panel for a clinic scheduling scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runBike Rental Seat Selector
Complete the seat selector in a bike rental scenario: including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCity magazine poetry grid layout
Complete a poetic grid layout for a city magazine scenario, with realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFocus tool content reveal animation
Complete a content reveal animation in the focus tool scenario: it includes realistic content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runNight Garden Glass Depth Space
Complete a glass depth-of-field space in a night garden scene: includes real content, interactive controls, clear status feedback, and responsive layout.
Open and runLearning Progress Relationship Node Map
Complete a relationship node map for learning progress scenarios: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runDemo space system color-scheme detection
Detect system color schemes in a presentation-room scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runTic-Tac-Toe for Study Break
Complete a game of tic-tac-toe in a study-break scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runQuick date selection for reading mode
Complete quick date selection for a reading mode scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runCourse Registration Summary Confirmation Form
Complete a summary confirmation form for a course enrollment scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runKnowledge Base Grouped Mega Menu
Complete a grouped mega menu for the knowledge base scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTask Center Progress Blocker
Complete a progress blocker in a task center scenario: include real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runDesign task contact index
Complete the contact directory in a design task scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCourse Scores Bulk Selection Table
A bulk selection table for course score scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCommunity Portal Master-Detail Content Layout
Create a master-detail content layout for a community portal scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCreative Festival Product Comparison Page
Complete a product comparison page in a creative festival scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runOutpatient Scheduling Pipeline Board
Complete the workflow pipeline dashboard for outpatient scheduling scenarios: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runBike Rental Return and Exchange Request Flow
Complete the return and exchange request flow in a bike rental scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runCity Magazine Reading Measure Adjustment
Complete reading line-length adjustment in a city magazine scenario: includes real content, interactive controls, clear state feedback, and responsive layout across sizes.
Open and runFocus tool orbit status animation
In a focus tool scenario, complete an orbital status animation: including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and run