Animated Floating Navbar Components

Dev Design Library indexes 7 Animated floating navbar components from 4 open-source UI libraries, with the most coming from Velora UI, Aceternity UI, Nexvyn 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. These are the floating navbar components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. 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.
• 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 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 Animated floating navbar components

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

Related categories

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