# Top Navigation 2 – Centered primary navigation

> A center-aligned top navigation that places the primary links in the middle of the header, creating a more balanced, symmetrical layout. Dropdown menus open directly beneath each item on larger screens, while actions remain grouped to the right. On smaller screens, the navigation collapses into a vertical, full-height menu with expandable sections, keeping the structure clear while shifting focus to touch-friendly interaction.

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

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

## Dependencies

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