# Top Navigation 4 – Centered pill navigation with dropdown menu

> A centered top navigation where primary links sit inside a pill-style container, creating a strong visual anchor across large screens. Dropdown menus open from the center group to reveal secondary links in a compact panel. On small screens, the layout collapses into a full-height drawer with stacked links and clear primary actions, maintaining the same information structure while prioritizing tap comfort and readability.

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-4).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/top-navigation-4
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/top-navigation-4-light-7dffe21ce9caa12b.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-4

## Dependencies

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