Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Design Task Priority Queue
Complete a priority queue for the design tasks scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runMobile Course Grades Card Table
Complete a mobile card table for a course scores scenario: including realistic content, actionable controls, clear state feedback, and a responsive layout.
Open and runResponsive Masonry Layout for the Community Portal
Complete a responsive masonry layout in a community portal scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runCreative Festival Launch Countdown Page
Complete the launch countdown page for a creative festival scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runOutpatient Schedule Conversion Funnel Board
Complete the conversion funnel panel in an outpatient scheduling scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runBike Rental Subscription Plan Selection
Complete subscription plan selection in a bike-rental scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runCity Magazine Kinetic Typography
Complete kinetic typography for a city magazine scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runFocused Tool Page Transition State
Complete the page-flip state transition in a focus tool scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runNight Garden Starfield Journey Effect
Complete the starfield traversal effect for a night garden scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning Progress Scatter Plot
Complete a scatter plot for the learning progress scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runDemo Space Network Status Indicator
Complete the network status indicator in a presentation-space scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runStudy Break Unit Converter
Build a unit converter for a study break scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runReading Mode Color Swatches Selection
Finish selecting color swatches in a reading-mode scenario: real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCourse Registration Time Slot Booking Form
A time-slot booking form completed for a course enrollment scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runKnowledge Base Bottom Quick Navigation
Complete the bottom quick navigation for a knowledge base scenario: include real content, interactive controls, clear status feedback, and a responsive layout.
Open and runTask Center Notification Center
Complete a notification center for a task center scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runExpandable Design Task Records
Complete expandable records in a design-task scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCourse Score Comparison Table
Complete a solution comparison table in a course score scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runCommunity portal sticky sidebar layout
Complete a sticky sidebar layout in a community portal scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runCreative Festival Signup Conversion Page
Complete the subscription conversion page in a creative festival scenario: includes real content, interactive controls, clear state feedback, and a responsive layout.
Open and runOutpatient scheduling calendar heatmap panel
Complete the calendar heatmap panel for the clinic scheduling scenario: include realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runBike Rental Order Progress Tracking
Track order progress in a bike rental scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runRhythmic marquee text for city magazines
Complete rhythmic marquee text for a city magazine scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFocus Tool Elastic Control Feedback
Complete the elastic control feedback in a focus tool scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and run