Examples Library
Choose a complete case study to view the result, modify the source, and run it in the browser.
Team ritual flip-card memory game
Complete a card-flip memory game in a team ritual setting: with real content, interactive controls, clear status feedback, and a responsive layout.
Open and runTravel Plan Rating Scale
Complete the rating scale in a travel-planning scenario: real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runService Request Password Strength Feedback
Complete password strength feedback for a service request scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runProject Space Command Palette
Complete a command palette for a project space scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runPhoto Library Help Popover
Complete a help popover in a photo library scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runLocal Events Accordion List
Complete the accordion content list in the local events scenario: with real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runProject Budget Column Visibility Control
Column visibility control in a project budget scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runVisual Story Dashboard Shell
Complete the dashboard shell in an image-storytelling scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning camp testimonial story wall
A testimonial story wall completed for a learning camp scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runStudio Capacity Operations Command Center
Complete the operations command center for a studio capacity scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runworkshop reservation service reservation flow
Complete a service reservation flow in a workshop booking scenario: including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runExhibition note drop cap layout
Complete a drop cap layout in an exhibition caption scenario: with real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runMusic Player Skeleton Screen Transition
Complete a skeleton-screen transition for a music player scenario: include real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runAurora Field Spotlight Stage
Complete a spotlight stage in an aurora field scene: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGarden Growth Dashboard Graphic
Complete dashboard graphics for a garden growth scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTeam Ritual Focus Timer
Complete the focus timer in the team ritual scenario: including real content, interactive controls, clear state feedback, and responsive layouts.
Open and runTravel Plan Filter Chips
Complete a filter chip group for a travel plan scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runDynamic Field Group for Service Requests
Complete a dynamic field group for a service request scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runProject Space Tree Navigation
Complete tree navigation in a project space scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPhoto library keyboard tooltip
Complete a keyboard tooltip in a photo library scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runLocal Events Story Carousel Cards
Complete the story carousel card in a local events scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runProject Budget Sticky Header
Complete a sticky table header for the project budget scenario: include real content, operable controls, clear status feedback, and a responsive layout.
Open and runEditorial Grid for Visual Story Magazine
Complete the magazine editorial grid in the image-story scenario: includes real content, interactive controls, clear status feedback, and layouts for multiple sizes.
Open and runLearning Camp Feature Tour Page
Complete the feature tour page for the learning camp scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and run