React Navigation and Menu Components

A macOS-style magnifying dock — icons scale smoothly based on their horizontal distance from the cursor, with labels floating up on hover.

A Dynamic Island-style pill navigation — the selected pill slides and morphs between items, the selected item's name expands from 0, and one more click morphs the island downward into a panel.

Icon-based tab navigation where the selected icon smoothly expands into text, with separator support and controlled and uncontrolled modes.

A liquid, gooey expanding menu — click the floating trigger and the items are "pulled" out of the button through an SVG goo filter and fuse together, with four directions plus radial fanning.

A navigation bar that condenses, hides, or widens as you scroll — three variants sharing one consistent rhythm, with nested scroll container support.

A large dropdown navigation menu whose panel height morphs smoothly to fit as you switch items, with hover and keyboard support.

A Nike-style fullscreen overlay menu — the backdrop unveils from the top down and the menu items slide up from under a mask in a staggered cascade.

A ⌘K command palette with live fuzzy search, grouped commands, and keyboard navigation, its highlight row sliding via a shared layout.

A minimal pill navigation whose highlight slides to the active item.

A menu of floating round bubbles that pop out one by one along a fan, with spring timing plus link and callback support.

Animated breadcrumbs where items slide in and out on level changes and the current level scales up

A center button that expands into a radial menu arranged in orbit, popping out one item at a time.

Tabs whose indicator stretches like a liquid as it follows along, with directional content switching.

A button-triggered dropdown menu with groups, separators, submenus, checkbox and radio items and shortcut hints, a sliding highlight, and full keyboard and typeahead support.

A React pagination component whose current-page pill slides between numbers, with expandable ellipses that stagger in hidden pages, a compact “3 / 12” variant with rolling digits, arrow-key navigation and an SEO-friendly link mode.

A desktop-style menubar: once a menu is open, hovering a neighbour switches instantly and the panel slides to its new position instead of closing and reopening, with full arrow-key navigation.

A frosted-glass mobile bottom tab bar React component. Icons pop in one by one on mount, the active pill slides between tabs and the active label expands, with an optional raised centre button and unread badges.