Floating Navbar Components

Dev Design Library indexes 9 floating navbar components from 6 open-source UI libraries, with the most coming from Velora UI, Aceternity UI, Nexvyn UI, Spectrum UI and Rare UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Floating navbar components belong to the Navigation group.

• Scroll ProgressRare UI · ReactA scroll progress pill that tracks reading position and expands into a squircle menu of sections you can jump to.
• Floating NavbarSpectrum UI · Reactcomponent for the Floating Navbar
• Table of ContentsNexvyn UI · ReactA fixed bottom-left floating block that tracks scroll position, shows the active section, and expands into a navigable…
• Floating NavbarVelora UI · ReactHides on scroll down, returns the moment you scroll up.
• Floating NavFibo · ReactA pill of destinations that floats above the bottom of a phone screen and steps aside while you scroll.
• Floating NavbarAceternity UI · React
• Floating pill navbarVelora UI · ReactFull-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobile menu.
• Resizable NavbarAceternity UI · React
• Resizable NavbarVelora UI · ReactFull-width navbar that shrinks into a floating, blurred pill once you scroll.

Libraries with floating navbar components

• Velora UI
• Aceternity UI
• Nexvyn UI
• Spectrum UI
• Rare UI

Related categories

• Animated Floating Navbar Components
• Navigation Components
• Menu Components
• Tabs Components
• Stepper Components
• Navbar Components
• Pagination Components
• Sidebar Components
• Breadcrumb Components
• Command Palette Components
• Context Menu Components
• Mega Menu Components
• Dock Components
• Wizard Components
• Table Of Contents Components
• Tab Bar Components
• Hamburger Menu Components