Navigation and Menus
Primary navigation, pagination, tabs, trees, and command-style navigation.
Dropdown Navigation Menu
Responsive navigation that balances desktop hover and mobile tap interactions.
Open and runMuseum Guide Responsive Main Menu
Responsive main menu completed in a museum guide setting: includes real content, interactive controls, clear status feedback, and a responsive layout.
Open and runMuseum Guide Breadcrumb Navigation
Complete the breadcrumb navigation in the museum guide scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runMuseum Guide Workspace Tabs
Complete workspace tabs in a museum guide scenario: includes realistic content, actionable controls, clear status feedback, and cross-size layouts.
Open and runMuseum Guide Command Palette
Complete the command palette for a museum tour scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runMuseum Guide Tree Navigation
Build tree navigation for museum guide scenarios: includes real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runMuseum Tour Flow Progress Navigation
Complete progress navigation in a museum guide scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMuseum guide bottom quick navigation
Complete bottom quick navigation for a museum guide scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runMuseum guide section-based navigation
Complete section-spy navigation in a museum guide scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runMuseum Guide Page Navigation
Complete page navigation in a museum guide scenario: real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runMuseum Guide Group Mega Menu
Create a grouped mega menu for a museum guide scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runResponsive Main Menu for Knowledge Base
Complete a responsive top menu in a knowledge base scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runKnowledge Base Breadcrumb Navigation
Complete a breadcrumb navigation in a knowledge base scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runKnowledge Base Workspace Tabs
Complete workspace tabs in a knowledge base scenario: includes real content, actionable controls, clear status feedback, and layouts across sizes.
Open and runKnowledge Base Command Palette
Complete a command palette in a knowledge base scenario: includes real content, interactive controls, clear state feedback, and a cross-size layout.
Open and runKnowledge Base Tree Navigation
Complete tree navigation in a knowledge base scenario: include real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runKnowledge Base Progress Navigation
Complete a process progress navigation in a knowledge base scenario: includes realistic content, interactive controls, clear state 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 runKnowledge base section-scoped navigation
Complete section navigation in a knowledge base scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runKnowledge Base Pagination Navigation
Complete page navigation in a knowledge base scenario: includes real content, interactive controls, clear status feedback, and responsive layout 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 runProject space responsive main menu
Complete a responsive primary menu for a project space scenario: include realistic content, actionable controls, clear status feedback, and cross-size layout.
Open and runProject Space Breadcrumb Navigation
Complete breadcrumb navigation in a project space scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runProject Space Workspace Tabs
Complete the workspace tabs in the project space scenario: includes real content, interactive controls, clear state feedback, and responsive layouts 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 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 runProject Space Flow Progress Navigation
Complete a process progress navigation in a project space scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runProject Space Bottom Quick Navigation
Complete a bottom quick navigation for a project space scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runProject Space Section Spy Navigation
Complete chapter-location navigation in a project space scenario: include real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runProject Space Page Navigation
Complete numbered-page navigation for a project space scenario: include real content, operable controls, clear state feedback, and a responsive layout across sizes.
Open and runProject Space Group Mega Menu
Complete the grouped mega menu for a project space scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runSupport Center Bottom Quick Navigation
Complete bottom quick navigation in a support center scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Center Breadcrumb Navigation
Complete a breadcrumb navigation flow in an archive center scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runArchive Hall command palette
Complete the command palette in an archive hall setting: include real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runCampus Tour Group Mega Menu
Complete a grouped mega menu in a campus guide scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runArchive Dispatch Desk Pagination Navigation
Complete paginated navigation in an archive dispatch desk scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive guide wall flow progress navigation
Complete the process progress navigation in an archive guide wall scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runArchive Notice Board Responsive Main Menu
Complete a responsive main menu in the archive notice board scenario: includes real content, actionable controls, clear status feedback, and layouts across sizes.
Open and runArchive quick index section navigation
Complete chapter navigation in an archive quick index scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runArchive Resource Shelf Tree Navigation
Complete tree navigation in an archive resource shelf scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Route Map Workspace Tabs
Complete workspace tabs for an archive route map scenario, with realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runBottom quick navigation for the Archive Service Hall
Complete the bottom quick navigation in the archive service hall scenario: it includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runArchive Access Card Breadcrumb Navigation
Complete a breadcrumb navigation in an archive access card scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runCampus Dispatch Desk Command Palette
Complete a command palette for a campus dispatch desk scenario: include real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runCampus Guide Wall Group Mega Menu
Create a grouped mega menu for a campus guide wall scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCampus Map Numbered Pages Navigation
Complete page navigation in a campus map scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCampus Notice Board Progress Navigation
Complete a process-progress navigation for a campus notice board scenario: includes realistic content, interactive controls, clear status feedback, and a responsive layout.
Open and runCampus quick index responsive main menu
Create a responsive primary menu for the campus quick index scenario: includes real content, interactive controls, clear status feedback, and cross-size layouts.
Open and runCampus Resource Shelf Section Spy Navigation
Complete chapter navigation for the campus resource shelf scenario: include realistic 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 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 runCampus Visit Pass Bottom Dock Navigation
Complete a bottom quick navigation in a campus visit pass scenario: includes real content, actionable controls, clear status feedback, and responsive layout.
Open and runCare Route Breadcrumb Navigation
Complete breadcrumb navigation for a care-path scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCity Services Command Palette
Complete a command palette in a city services scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runCourse Portal Mega Menu Group
Create a grouped mega menu for the course portal scenario: including real content, interactive controls, clear state feedback, and responsive layouts.
Open and runOutpatient Dispatch Desk Page Navigation
Complete page navigation in a clinic dispatch desk scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Guide Wall process progress navigation
Complete a progress navigation flow in a clinic guide wall scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runClinic Terminal Responsive Main Menu
Complete a responsive main menu for the outpatient terminal scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runSection-spy navigation for the clinic notice board
Complete section-linked navigation in a clinic announcement board scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runClinic Quick Index Tree Navigation
Complete tree navigation in a clinic quick-index scenario: includes real content, actionable controls, clear state feedback, and multi-size layout.
Open and runOutpatient Resource Shelf Workspace Tabs
Complete workspace tabs in the clinic resource shelf scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runOutpatient Route Map Bottom Quick Navigation
Complete a bottom quick-navigation pattern for an outpatient route map scenario, including real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runClinic Service Hall Breadcrumb Navigation
Complete breadcrumb navigation in a clinic service hall scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runClinic Visit Card Command Palette
Complete a command palette in a clinic visit pass scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across screen sizes.
Open and runCreator workspace grouped mega menu
Complete a grouped mega menu for the creator workspace scenario: it includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runEvent Hub Numbered Page Navigation
Complete numbered-page navigation for an events-hub scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runFleet Operations Hub Progress Navigation
Complete the process progress navigation in a fleet control center scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runResponsive Main Menu for Makers’ Workbench
Complete a responsive main menu in the maker workbench scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runMaker Forum section-spy navigation
Section-based navigation completed in a maker forum scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMedia Room Tree Navigation
Complete a tree navigation in a media room scenario: includes real content, interactive controls, clear state feedback, and a responsive layout.
Open and runRehearsal Script Workspace Tabs
Complete a workspace tabs example for rehearsal cue scenarios: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runService Plaza Bottom Quick Navigation
Complete a bottom quick navigation flow for the service plaza scenario: include realistic content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runStudio Dispatch Desk Breadcrumb Navigation
Complete the breadcrumb navigation for a studio dispatch desk scenario: including realistic content, actionable controls, clear state feedback, and a responsive layout.
Open and run