Navigation components

Menus, breadcrumbs, and wayfinding for moving through an app.

23 components

Animated Tabs

Tabs with a sliding indicator that animates to the active item.

2 stories

Bottom Bar

Slim chrome strip pinned to the bottom of a canvas shell as a calm host for activity strips, status pills, and ambient indicators.

1 story

Breadcrumb

Navigation breadcrumb trail showing the current page hierarchy.

1 story

Dock

macOS-style dock whose icons magnify near the pointer.

1 story

Floating Navbar

Floating navigation bar that hides on scroll down and reveals on scroll up.

1 story

Horizontal Scroll Row

Horizontal scroll container with snap scrolling, chevron navigation, and hidden scrollbar.

2 stories

Jarvis Dock

Floating bottom dock with quick-action buttons + a command-palette trigger.

4 stories

Left Rail

Compact vertical rail for canvas modes, tool actions, and secondary navigation controls.

1 story

Menubar

Horizontal menu bar with dropdown menus.

1 story

Navbar SaaS

SaaS-style navigation bar with branding and links.

1 story

Navigation Menu

Accessible navigation menu with links and sub-navigation.

1 story

Pagination

Page navigation controls with previous, next, and page links.

1 story

Right Dock

Context dock for inspectors, summaries, and secondary canvas panels.

1 story

Sidebar

Collapsible sidebar navigation layout.

1 story

Sidebar Provider

Context provider for managing sidebar open/close state.

1 story

Sidebar Toggle

Responsive toggle button for opening and closing the sidebar.

1 story

Step Navigation

Navigation controls for stepping through multi-page content.

1 story

Tabs

Tabbed content panels with keyboard-accessible tab triggers.

1 story

Top Bar

Workspace header bar for titles, leading controls, centered navigation, and trailing actions.

1 story

View Switcher

URL param-based toggle between named views with pill/tab styling.

1 story

Viewport Bookmarks

Saved-view list for the canvas — pinned spatial locations with optional active state.

4 stories

Workspace Switcher

Segmented workspace picker for switching between canvas views and operational contexts.

1 story

World Breadcrumbs

Spatial trail showing the canvas's current location in a hierarchy of worlds, groups, and runs.

4 stories