Components
Curated UI collection
Floating Navigation Bar React Components
Floating navigation bars keep key navigation elements visible as users scroll through your content. Our collection includes 60 React components for implementing floating navigation patterns, with 23 exact matches specifically designed for this use case. Whether you need sticky headers, fixed navigation that follows scroll position, or floating action menus, these components provide ready-to-use solutions for maintaining navigation accessibility throughout your application.
Tubelight Navbar
by Serenity UI
Navbar Menu
by Manu Arora
3D Adaptive Navigation Bar
by Om
Limelight Nav
by Hossain Jahed
LumaBar
by Ruixen UI
Floating Action Menu
by Chetan Verma
Modern Mobile Menu
by Hossain Jahed
Bottom Nav Bar
by Arunachalam
Floating Nav
by Ruixen UI
Motion Footer
by Hossain Jahed
Fluid menu
by Deepak Chandwani
Vertical Tabs
by 0xUrvish
Navigation Menu
by 21st Indexer
Floating Navbar
by Manu Arora
Navbar with Dropdowns
by Shadcnblocks.com
Cicular Navigation Bar
by Kaif UI
Floating Header
by Efferd
Dock
by Julien Thibeaut
Dock
by Ruixen UI
Navigation Bar
by Origin UI
Anime Navbar
by Jatin Yadav
Header 3
by Efferd
Bottom Menu
by 0xUrvish
Hover Gradient NavBar
by Ruixen UI
Navbar 1
by Preet Suthar
Sterling Gate: Kinetic Navigation
by Hardik Kashiyani
Navigation menu
by shadcn
Nav Header
by Abdul D'braun
Galaxy Interactive Hero Section
by Erik X
Navigation Menu
by Efferd
Liquid Morph Floating Menu
by Aayush duhan
Mini Navbar
by Erik X
Responsive Hero Banner
by Saifullah Channa
Bottom menu
by Yadwinder Singh
Navbars
by Arihant jain
Scroll Navigation Menu
by Davey
Curved Menu
by Shamsu Musthafa
Animated Tab Bar
by abxlfazl__
Animated Navigation Tabs
by LN
Circle Menu
by Samit Kapoor
Navbars
by Arihant jain
Modern sideBar
by Sonu
Dorpdown Navigation
by LN
DockMorph
by Ruixen UI
Animated Menu
by Kousthubha Yadiyala
Sidebar
by Andrew Luo
Menu Toggle Icon
by Efferd
Floating Dock Navigation
by Ruben
Modem Animated Footer
by Deepak Modi
Material UI Dropdown Menu
by Hossain Jahed
Footer Taped Design
by Radu Popescu
Navbars
by Arihant jain
Navbar
by Geekles
Spotlight Button
by wisedev
Animated Dock
by Preet Suthar
Header
by Tommy Jepsen
App Menu Bar
by Ruixen UI
SearchBar
by Mudit Goel
Glow Menu
by Sonu
Sticky Footer
by Efferd
Frequently asked questions
What's the difference between floating and sticky navigation?
Floating navigation bars remain fixed in position as users scroll, while sticky navigation bars stay attached to the top of the viewport until scrolled past. Floating bars are typically used for persistent access to key navigation elements.
How many exact floating navigation bar components are available?
There are 23 exact matches for floating navigation bar components in our collection, specifically designed for this navigation pattern.
What types of floating navigation patterns are included?
The collection includes 60 total components covering various floating navigation patterns, from simple sticky headers to complex floating action menus and persistent navigation bars.