Ddesignlang
Sections/Nav Glass Pills
Section

Nav Glass Pills

Segmented backdrop-blur nav — three independent 46px glass pills.

Sticky nav composed of three absolutely-positioned 46px backdrop-blur pills: left links cluster, center wordmark + brand mark, right sign-in + solid dark pill CTA. Below xl, the pills collapse into bottom-floating mobile pills.

Install from registry

npx shadcn@latest add https://ui.comcreate.io/r/nav-glass-pills.json

Shadcn-compatible registry endpoint served locally for copy-paste installs.

Installed files

  • components/lattice/nav-glass-pills.tsx