Browse our collection of navigation components
Glassmorphism navigation with frosted glass effect and smooth transitions. Inspired by Apple's design language.
Japanese minimal navigation with lots of whitespace and red dot indicator. Perfect for high-end portfolios.
Hand-drawn style navigation with organic, wobbly lines. Great for creative and indie projects.
Cyberpunk navigation with cyan glow and sci-fi aesthetics. Perfect for gaming and web3 projects.
Dark, sleek navigation with a moving gradient border. Used by OpenAI, Raycast, and Linear clones.
Interactive navigation where buttons physically pull towards your cursor. Great for creative portfolios.
8-bit, blocky, retro navigation. Perfect for NFT projects, game studios, and retro revival brands.
Flashlight effect that follows the mouse inside the navigation. Used by Next.js docs and developer tools.
Smooth spring animation for the active state indicator. Perfect for mobile apps and clean dashboards.
Decodes random characters on hover. Perfect for cyberpunk and hacker-themed projects.
Diagonal color fill mask reveal. Smooth swipe animation on hover.
Expands from a single dot to a full menu on hover. Minimal to maximal transformation.
Items stack like a deck of cards. Horizontal accordion spread effect.
SVG Path drawing animation. The underline draws itself on hover like a paintbrush.
Soft clay morphism toggle state. Soft shadows that invert on click.
CSS Reflection with gradient mask. Text has a mirrored reflection below it.