9 contracts

Navigation components

The controls that move people through an app — menus, sidebars, command palettes, breadcrumbs. Contracts define how each behaves so navigation feels identical everywhere your AI tools build it.

HeaderTop app bar — branding, primary navigation, account menu, search.

SidebarPersistent vertical navigation. The default left rail in dashboards.

TabsSwitch between sibling views in the same scope. Keyboard-driven.

BreadcrumbHierarchical location indicator. For deep object trees.

PaginationPage-by-page navigation for lists and tables.

StepperSequential step indicator for multi-page flows (onboarding, checkout).

NavigationMenuMulti-column dropdown for marketing site nav (Apple-style mega-menu).

CommandPaletteCmd+K palette — search-first navigation surfacing actions, navigations, recents.

MobileTabBarBottom tab bar for mobile-first apps (iOS-style).

Related

Form components

Display components

Layout components

Get navigation components in your project.