What's in the navigation family?

Menus and menubars, breadcrumbs, tabs, pagination, command palettes, docks and rails, and floating navbars — everything for moving through an app.

VLLNT UI · Component family

Navigation components

Navigation components move people through an app — menus, breadcrumbs, tabs, pagination, docks, rails, and floating navbars. Keyboard-accessible and composable into any shell.

Browse all components How agents consume the registry23 components

Navigation Bars

Top-level header bars, menu bars, and site chrome for orienting users across React and Next.js apps.

Navbar SaaS

SaaS-style navigation bar with branding and links.

1 story

Navigation Menu

Accessible navigation menu with links and sub-navigation.

1 story

Menubar

Horizontal menu bar with dropdown menus.

1 story

Floating Navbar

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

1 story

Top Bar

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

1 story

Sidebars & Rails

Collapsible sidebars, vertical rails, and side docks for persistent app and canvas navigation.

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

Left Rail

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

1 story

Right Dock

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

1 story

Docks & Bottom Bars

macOS-style docks and pinned bottom bars that host quick actions and calm canvas chrome.

Dock

macOS-style dock whose icons magnify near the pointer.

1 story

Jarvis Dock

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

4 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

Tabs & Views

Tabs, view switchers, and saved-view bookmarks for toggling between panels, workspaces, and layouts.

Tabs

Tabbed content panels with keyboard-accessible tab triggers.

1 story

Animated Tabs

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

2 stories

View Switcher

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

1 story

Workspace Switcher

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

1 story

Viewport Bookmarks

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

4 stories

Breadcrumbs & Paging

Breadcrumb trails, pagination, step navigation, and scroll rows for moving through paged and hierarchical content.

Breadcrumb

Navigation breadcrumb trail showing the current page hierarchy.

1 story

World Breadcrumbs

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

4 stories

Pagination

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

1 story

Step Navigation

Navigation controls for stepping through multi-page content.

1 story

Horizontal Scroll Row

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

2 stories

Readable by agents

Your AI agent can install these too.

The registry is exposed as structured data, so coding agents pick the right component without scraping HTML.

/llms.txt

Concise index per the llmstxt.org spec — sections, links, and descriptions.

/llms-full.txt

Full registry context in one fetch — docs plus every component descriptor.

/r/<name>.json

Per-component descriptor: props, accessibility schema, and usage examples.

Frequently asked

What's in the navigation family?: Menus and menubars, breadcrumbs, tabs, pagination, command palettes, docks and rails, and floating navbars — everything for moving through an app.