Cards, Lists, and Content Organization
Cards, kanban boards, timelines, list filters, and content organization.
Accordion Panel
Supports keyboard operation and smooth expanding FAQ accordion component.
Open and runVertical timeline
A responsive timeline for showcasing project progress and key milestones.
Open and run3D Flipping Card
A three-dimensional information card that works with mouse, touch, and keyboard.
Open and runLive list search
Type keywords to filter cities instantly and highlight matching results.
Open and runFilterable card wall for reading list
Complete a filterable card wall for the reading list scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runReading List Kanban Board
Complete the task board in a reading-list scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runReading List Activity Timeline
Complete an activity timeline for a reading-list scenario: real content, actionable controls, clear status feedback, and layouts that work across sizes.
Open and runReading List Accordion Content List
Complete a collapsible content list for a reading list scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runReading List Story Carousel Cards
Complete a story carousel card for a reading-list scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runReading List Priority Queue
Complete a priority queue in the reading list scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runExpandable Reading List Records
Create expandable records in the reading list scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runReading List Masonry Notes
Completed a waterfall notes layout for reading list scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runReading List Bookmark Organizer
Complete the bookmark organizer for a reading list scenario: includes realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runReading List Contact Index
Complete a contact index in a reading-list scenario: real content, actionable controls, clear state feedback, and layouts across sizes.
Open and runFilterable Card Wall for Design Tasks
Complete the filterable card wall in the design-tasks scenario: includes real content, interactive controls, clear status feedback, and layouts for multiple sizes.
Open and runDesign Task Kanban
Complete a task board in a design tasks scenario: includes real content, actionable controls, clear state feedback, and cross-size layout.
Open and runDesign Task Activity Timeline
Complete an activity timeline for a design task scenario: includes realistic content, actionable controls, clear state feedback, and cross-size layouts.
Open and runDesign Task Collapsible Content List
Complete the accordion content list in a design tasks scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runDesign Task Story Carousel Cards
Complete the story carousel card in the design tasks scenario: include real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runDesign 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 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 runDesign Task Masonry Notes
Complete a masonry notes layout for design-task scenarios: real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runDesign 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 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 runLocal events filterable card wall
Complete a filterable card wall in a local events scenario: include real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runLocal Events Task Board
Build a task board for a local events scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runLocal Event Timeline
Complete an activity timeline in a local events scenario: includes real content, interactive controls, clear status 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 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 runLocal events priority queue
Complete a priority queue in a local-events scenario: real content, actionable controls, clear state feedback, and layouts across sizes.
Open and runLocal Events Expandable Records
Complete an expandable records component in a local events scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runLocal Events Masonry Notes
Complete a waterfall-style notes board in a local events scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runLocal Events Bookmark Organizer
Complete a bookmark organizer for local event scenarios, featuring real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runLocal Events Contact Index
Complete a contact index for local event scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFilterable Card Wall for Team Directory
Create a filterable card wall for a team directory scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runTeam Directory Task Board
Complete a kanban board for a team directory scenario: includes realistic content, actionable controls, clear status feedback, and cross-size layouts.
Open and runTeam Directory Activity Timeline
Complete an activity timeline for a team directory scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTeam Directory Accordion Content List
Complete a collapsible content list for a team directory scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runTeam Directory Story Carousel Cards
Completed a story carousel card set for a team directory scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTeam Directory Priority Queue
Complete a priority queue in a team directory scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTeam Directory Expandable Records
Complete the expandable records for a team directory scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runTeam Directory Masonry Notes
Complete a masonry notes layout in a team directory scenario: include real content, actionable controls, clear status feedback, and responsive behavior across sizes.
Open and runArchive Shelf Bookmark Organizer
Complete the bookmark organizer in an archive-shelf scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAudio Notes Contact Index
Build a contact index for an audio notes scenario: real content, interactive controls, clear status feedback, and responsive layout across screen sizes.
Open and runCare Plan Accordion List
Complete a collapsible content list for a care-plan scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runPublic Proposal Activity Timeline
Complete an activity timeline for a public proposal scenario: includes realistic content, interactive controls, clear status feedback, and a responsive layout.
Open and runSound Clipping Box Bookmark Organizer
Complete a bookmark organizer for the sound clipping box scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runSound Handover Log Contact Index
Complete contact indexing in a sound handover log scenario: includes real content, actionable controls, clear state feedback, and multi-size layout.
Open and runSound Notebook Expandable Records
Complete the expandable records for the sound notebook scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runFiltered card wall for the sound plan wall
Complete a filterable card wall for the sound plan wall scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runSound Prompt Cards Task Board
Complete a Kanban board in a sound-prompt card scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAudio Directory Board Masonry Notes
Complete the masonry notes layout for a sound roster board scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runAudio Story Shelf Priority Queue
Complete the priority queue in the audio story shelf scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAudio Patrol Line Story Carousel Cards
Complete the story carousel cards in the audio patrol line scenario: include real content, interactive controls, clear status feedback, and cross-size layout.
Open and runOutpatient Clip Box Collapsible Content List
In the outpatient clip box scenario, complete a collapsible content list: including real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runClinic Handover Log Activity Timeline
Complete an activity timeline for an outpatient handover log scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runOutpatient Notebook Bookmark Organizer
Complete a bookmark organizer for an outpatient notebook scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runClinic Plan Wall Contact Index
Complete a contact directory in a clinic plan wall scenario: real content, actionable controls, clear status feedback, and responsive layouts across sizes.
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 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 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 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 runOutpatient Visit Priority Queue
Complete a priority queue in an outpatient round-robin scenario: includes real content, interactive controls, clear state feedback, and responsive layout.
Open and runCommunity Market Story Carousel Card
Complete a story-carousel card in a community market scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runCourse Clips Accordion Content List
Complete the collapsible content list in the course clips scenario: with real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runActivity Signup Timeline
Complete the activity timeline for event signups, with real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runField Clip Box Bookmark Organizer
In the field clipping box scenario, complete the bookmark organizer: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runField handover log contact index
Complete the contact index in a field handover log scenario: with real content, actionable controls, clear status feedback, and layouts that adapt across sizes.
Open and runField Notebook Expandable Records
Complete an expandable records experience for a field notebook scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runField Notes Filterable Card Wall
Complete a filterable card wall for a field notes scenario, with real content, interactive controls, clear status feedback, and responsive layouts.
Open and runField Plan Wall Task Board
In a field planning wall scenario, complete a task kanban board: real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runField prompt cards waterfall notes
In a field prompt card scenario, complete a masonry note layout: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runField Directory Board Priority Queue
Complete a priority queue in a field roster board scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runField Story Shelf Story Carousel Card
Complete a story carousel card in a field story shelf scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runField Survey Line Accordion Content List
Complete the collapsible content list in the field inspection route scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runGarden Journal Activity Timeline
An activity timeline built for a garden journal scenario, with real content, actionable controls, clear status feedback, and layouts that adapt across sizes.
Open and runCreative Log Bookmark Organizer
Complete a bookmark organizer in a creative log scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runPet Records Contact Directory Index
Complete the contact index for a pet records scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runPodcast Library Expandable Records
Complete an expandable record in a podcast library scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runFilterable Recipe Collection Card Wall
Complete a filterable card wall for a recipe collection scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runResearch Clips Kanban Board
Complete a task board for a research clips scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runShift handover waterfall notes
Create a waterfall note board for a shift handover records scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runStudio Board Priority Queue
Complete a priority queue flow for the studio board scenario: includes realistic content, actionable controls, clear state feedback, and layouts that adapt across sizes.
Open and runStudio Clip Box Story Carousel Card
Complete a story carousel card in the Studio Clip Box scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and run