Components & Blocks/Navigation

React Navigation Components

Navigation components for React: navbars, sidebars, tab bars, and docks. Built with Tailwind CSS and Motion, copy-paste ready or installable via the shadcn CLI.

Free
Expanding Tabs

Expanding Tabs

A monochrome tab bar of icon circles. Click one and it expands into a labeled pill.

View Component
Free
Glass Sidebar

Glass Sidebar

Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse.

View Component
Free
Glass User Menu

Glass User Menu

Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out.

View Component
Free
Glass Navbar

Glass Navbar

Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance.

View Component
Free
Glass Tab Bar

Glass Tab Bar

Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall.

View Component
Free
Glass Dock

Glass Dock

Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches.

View Component