1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. shadcncraft
  3. Top Navigation 4 – Centered Pill Navigation With Dropdown Menu

Top Navigation 4 – Centered Pill Navigation With Dropdown Menu

block

A centered top navigation where primary links sit inside a pill-style container, creating a strong visual anchor across large screens. Dropdown menus open from the center group to reveal secondary links in a compact panel. On small screens, the layout collapses into a full-height drawer with stacked links and clear primary actions, maintaining the same information structure while prioritizing tap comfort and readability.

pnpm dlx shadcn@latest add "https://shadcncraft.com/r/top-navigation-4.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
Provider source unavailable

The item is indexed, but its registry document could not be loaded.

Open source