# Top Navigation 3 – Compact bar with progressive disclosure

> A compact top navigation that keeps the large-screen layout minimal and low-profile, with primary links arranged in a single horizontal bar. Dropdowns reveal richer, icon-led menus only when needed, keeping visual noise down by default. On smaller screens, the same structure expands into a stacked, panel-style menu with nested sections, preserving hierarchy while shifting emphasis to vertical scanning and tap targets.

A paid shadcn/ui block sold by the [@shadcncraft](https://shadcncraft.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcncraft/top-navigation-3).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/top-navigation-3
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/top-navigation-3-light-4a82a328dbca5871.png
- Categories: top-navigation
- Listed: 2026-10-13

## Buy and install

@shadcncraft sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/shadcncraft/top-navigation-3

## Dependencies

- Registry items: `button`, `navigation-menu`, `@shadcncraft/mobile-navigation-menu`, `@shadcncraft/placeholder-logo`, `@shadcncraft/use-click-outside`, `@shadcncraft/use-mobile`