Navigation Styles
Transparent, glass, floating, dark, colorful, and command palette navigations.
Dark Professional Navbar
A sleek dark-themed navigation bar with active state highlighting.
ReactUI
Glass Transparent Navbar
A frosted glass navigation bar over a gradient background.
GlassUI
Gradient Navbar
A vibrant gradient navigation bar with white accents.
ColorUI
Floating Pill Navbar
A centered floating pill-shaped navigation bar.
F
Neon Gaming Navbar
A cyberpunk-styled navigation with neon glow effects.
NEXUS
ONLINE
Command Palette
A search-style command palette modal with results and actions.
ESC
Components
Actions
Sidebar Navigation
A vertical sidebar with grouped navigation items and active state.
ReactUI
Design System
Main
Showcase
Breadcrumb Styles
Three common breadcrumb navigation variations.
Slash Separated
Chevron Arrow Separated
With Home Icon