Browse our collection of navigation components
Preview
Dark tech navigation with glowing borders and subtle gradients. Perfect for SaaS and modern AI tools.
High contrast navigation with thick borders and hard shadows. Bold and playful design.
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.
Text slides up to reveal the same text again. Very popular in 2024 design studios.
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.
Distance-based magnification scale. Icons scale up based on mouse proximity, just like macOS dock.
Decodes random characters on hover. Perfect for cyberpunk and hacker-themed projects.
Diagonal color fill mask reveal. Smooth swipe animation on hover.
Expands width on hover. Collapsible sidebar logic in a compact navigation.
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.
Looks like minimal dots, reveals full badge on hover. Compact mode expanding on interaction.
Soft clay morphism toggle state. Soft shadows that invert on click.
CSS Reflection with gradient mask. Text has a mirrored reflection below it.