# Top Navigation 1 – Left-aligned dropdown navigation

> A classic left-aligned top navigation with horizontal links and inline dropdown menus for larger screens. Primary actions are grouped on the right for clear visual separation. On smaller screens, the layout collapses into a full-height mobile menu with expandable sections, preserving hierarchy while keeping the interaction simple and familiar.

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

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

## Dependencies

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