# Bordered Cells Mega

> An edge-to-edge bar built as a row of cells split by hairline borders: brand, link cells, an empty spacer and a button cell, with no gaps between them. The Services cell drops a full-width row of four bordered cards with a title, a line and an arrow, and the phone menu slides down as a two-column grid of cells. Every panel stays in the markup and is 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/navbar100).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/navbar100
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/navbar100-light-9efb64df779fc46d.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/navbar100

## Dependencies

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