Navigation Components
19 ComponentsPolished navigation bars, sidebar environments, and page transition primitives for modern React applications.
Bottom Sheet
A responsive, fly-out bottom sheet drawer with smooth backdrop filters and action options.
Breadcrumbs
A minimal, visual tracking route locator mapping exact hierarchical navigation trails for complex applications.
Command Bar Nav
Command Bar Nav primitive crafted with Tailwind CSS and React TSX.
Command Palette Search
An overlay search dialog triggering keyboard navigation (Up/Down/Enter) with dedicated filters for technical entities.
Floating Dropdown List
Compact technical context-menu mapping settings actions.
Segmented Filter Bar
A polished filter row utilizing clean horizontal layout constraints, smooth highlight states, and interactive pills.
Floating Navbar
Floating Navbar primitive crafted with Tailwind CSS and React TSX.
Compact Header Bar
Minimalist navigation header with display logo and link items.
Icon Sidebar Nav
Icon Sidebar Nav primitive crafted with Tailwind CSS and React TSX.
Mega Menu
A highly responsive, clean mega dropdown menu tailored for commercial websites or navigation headers.
Pagination
A dense, customizable multi-page selector component with previous/next action controls and active highlight indices.
Segmented Header
Segmented Header primitive crafted with Tailwind CSS and React TSX.
Side Fly-out Sheet
Side Fly-out Sheet.
Sidebar Navigation
A technical layout for sidebar environments, supporting multi-workspace selectors, command search trigger, and active indicators.
Tab Group Nav
Tab Group Nav primitive crafted with Tailwind CSS and React TSX.
Tabbed Container
A clean tab selector with visual border focus tracking and instant content swapping panel states.
Tree Navigation
Tree Navigation primitive crafted with Tailwind CSS and React TSX.
Workspace Profile Selector
Polished context menu for administrative dashboard profiles with collapsible lists and logout bindings.
Validation
Access key validation
Key Rotator
Rotate recovery hashes
Delivery
Forward email receipt
Vertical Steps Checklist
A sleek vertical checkbox progression checklist mapping chronological system development states.