Back to Components
Navbars
15 components available

Navbar Simple
A clean, simple navigation bar with logo, links, and action buttons.

Navbar Centered
A navigation bar with centered navigation links between logo and actions.

Navbar With Search
A navigation bar with integrated search input and keyboard shortcut indicator.

Navbar User Menu
A navigation bar with user avatar, dropdown menu, and notification bell.

Navbar Status
A navigation bar with status indicator and real-time metrics display.

Navbar Breadcrumb
A navigation bar with breadcrumb navigation for multi-level hierarchy.

Navbar Floating
A floating pill-shaped navigation bar with rounded corners and backdrop blur.

Navbar Tabs
A two-tier navigation bar with main header and tabbed navigation below.

Navbar Minimal
An ultra-minimal navigation bar with just logo, few links, and single CTA.

Navbar Split
A navigation bar with links split between left and right sections.
Navbar Icon Links
A navigation bar with social media icon links and primary CTA.

Hover Gradient Navbar
A navigation bar with gradient hover effects and smooth transitions.

Floating Navbar
A floating navigation bar that appears on scroll with smooth animations.

Luma Bar
A sleek navigation bar with Luma-inspired design and interactions.

Promote Header
A promotional header component for announcements and marketing messages.















