# Sticky Sub-Nav Pills

> A main bar of brand, links and a button stacked over a second sticky row of section pills, where a filled indicator slides to the pill you click with a shared framer-motion layout. There is no mega menu; on a phone the toggle reveals the main links as one horizontally scrollable pill row, and the section pills scroll sideways too. The mobile row 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/navbar102).

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

## Dependencies

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