Navigation Components

Navigation for apps and sites: a command palette, an account menu, tabs, a dock-style toolbar, drawers and a scroll index that tracks where you are. Each one is a React component built with Tailwind CSS and Motion.

• NV-01Split NavUpdatedNavigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.
• NV-02Tool DockUpdatedAn editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.
• NV-03Swipe TabsUpdatedTabs with a swipeable panel, a drag-tracked indicator and spring physics.
• NV-04Account MenuUpdatedAn account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.
• NV-05Command PaletteUpdated⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.
• NV-06Smooth DrawerUpdatedCheckout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.
• NV-07Marking MenuNewA radial menu you hold to open or flick to pick blind, built with React and Motion.
• NV-08Scroll IndexNewA section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.
• NV-09Status IslandNewA pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.
• NV-10Stack PanelNewA panel that drills into pages like settings on a phone. The tapped row's label flies up into the title, and a swipe right takes you back.