# Split Screen Menu

> A minimal bar with a wordmark, a Menu button and a call to action. Menu opens a fullscreen overlay split in two: five huge links rise in on the left, and on the right a photo cross-fades to whichever link is hovered or focused, with a contact block beneath it. On phones the same overlay stacks the photo above the links and the contact details. The overlay and every photo stay in the markup and are toggled with CSS.

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/navbar96).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/navbar96
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/navbar96-light-3ca86911f8bae363.png
- Listed: 2026-10-15

## Buy and install

@beste-ui 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/beste-ui/navbar96

## Dependencies

- npm packages: `clsx`, `lucide-react`, `tailwind-merge`
- Registry items: `button`