← Design Lab

Navigation Patterns

Website navigation patterns: responsive navbar with mobile menu, mega menu, breadcrumbs, tab navigation, sidebar navigation, bottom tab bar and scroll progress.

• Responsive Navbar — header
• Hamburger Menu — mobile drawer
• Mega Menu — dropdown panel
• Breadcrumb Trail — wayfinding
• Tab Navigation — underline tabs
• Sidebar Navigation — collapsible
• Bottom Tab Bar — mobile
• Scroll Progress Bar — reading indicator