Navigation Bars

Navigation bars built as drop-in React components: glass and blur treatments, scroll-aware shrink behaviour, magnetic links and mobile drawer patterns. Each one ships with a documented link array and breakpoint behaviour, so the responsive behaviour is explicit instead of incidental. Copy it in, then restyle with Tailwind classes.

This category currently contains 7 components, including Cinematic Nav, Floating Dark Capsule nav, Minimal AI Capsule nav, Pill Navbar nav, Modern Dark nav. Each one opens on its own page with a live preview, a documented props table and the full source.

Looking for a different effect? Browse the other UI HUB component categories, or use site search to filter every component by name.