Navbar

PRO

A professional navigation bar component with mega menus, search functionality, user profile, notifications, and responsive mobile design. Perfect for modern applications and dashboards.

Pro Features

Unlock advanced capabilities with the Pro version

Command Palette Search

Built-in command palette with keyboard shortcuts for quick navigation

Mega Menus

Rich dropdown menus with icons, descriptions, and custom layouts

Notifications System

Integrated notifications dropdown with unread indicators and actions

User Management

Built-in user menu with avatar, profile options, and authentication

Responsive Design

Adaptive layout with mobile menu, touch gestures, and optimal UX

Visual Effects

Glassmorphism, animated backgrounds, and smooth transitions

Installation

Install via CLI

moonui add navbar

Usage

Pro Required

Main Content

Your application content goes here

Examples

Basic Navbar

PRO

Simple navigation bar with basic items

Pro Required

Content Area

Click items to navigate

With Mega Menu

PRO

Navigation with dropdown mega menus

Pro Required

Mega Menu Navigation

Hover over Products or Developers to see mega menus

With User Menu & Notifications

PRO

Full-featured navbar with user profile and notifications

Pro Required

Full-Featured Navbar

Try searching, changing theme, or checking notifications

Complex Navigation

PRO

Advanced navbar with multiple sections and features

Pro Required

Complex Navigation

Try hovering over Products, Solutions, or Resources

E-commerce Navbar

PRO

Professional e-commerce navigation with cart and categories

Pro Required

E-commerce Navigation

Professional shopping experience

SaaS Platform Navbar

PRO

Modern SaaS navigation with product features

Pro Required

SaaS Platform Navigation

Modern and feature-rich navigation

Minimal Floating Navbar

PRO

Clean minimal navbar with floating design

Pro Required

Minimal Floating Design

Clean and elegant navigation

Corporate Navbar with Scroll Features

PRO

Professional navbar with hide on scroll and progress indicator

Pro Required

Corporate Excellence

Scroll down to see the navbar hide on scroll and the progress indicator.