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 storiesBottom 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 storyBreadcrumb
Navigation breadcrumb trail showing the current page hierarchy.
1 storyDock
macOS-style dock whose icons magnify near the pointer.
1 storyFloating Navbar
Floating navigation bar that hides on scroll down and reveals on scroll up.
1 storyHorizontal Scroll Row
Horizontal scroll container with snap scrolling, chevron navigation, and hidden scrollbar.
2 storiesJarvis Dock
Floating bottom dock with quick-action buttons + a command-palette trigger.
4 storiesLeft Rail
Compact vertical rail for canvas modes, tool actions, and secondary navigation controls.
1 storyMenubar
Horizontal menu bar with dropdown menus.
1 storyNavbar SaaS
SaaS-style navigation bar with branding and links.
1 storyNavigation Menu
Accessible navigation menu with links and sub-navigation.
1 storyPagination
Page navigation controls with previous, next, and page links.
1 storyRight Dock
Context dock for inspectors, summaries, and secondary canvas panels.
1 storySidebar
Collapsible sidebar navigation layout.
1 storySidebar Provider
Context provider for managing sidebar open/close state.
1 storySidebar Toggle
Responsive toggle button for opening and closing the sidebar.
1 storyStep Navigation
Navigation controls for stepping through multi-page content.
1 storyTabs
Tabbed content panels with keyboard-accessible tab triggers.
1 storyTop Bar
Workspace header bar for titles, leading controls, centered navigation, and trailing actions.
1 storyView Switcher
URL param-based toggle between named views with pill/tab styling.
1 storyViewport Bookmarks
Saved-view list for the canvas — pinned spatial locations with optional active state.
4 storiesWorkspace Switcher
Segmented workspace picker for switching between canvas views and operational contexts.
1 storyWorld Breadcrumbs
Spatial trail showing the canvas's current location in a hierarchy of worlds, groups, and runs.
4 stories