Site Header

Sticky editorial header with logo, primary nav, theme toggle, and hire CTA. Logo text comes from getBrand().

Preview → install → use

Preview

npx shadcn@latest add @atroui/site-header

AtroUI

Hire us

Sticky header - AtroUI logo via getBrand(), studio nav routes, theme toggle, and Hire CTA. Links use host paths like /work and /contact.

Source lands in your repo. Setup: Installation · Registry catalog.

Usage

Mount once in the root layout. Nav links target studio host paths (/work, /tools, /services, /journal, /about, /contact). Fork or parameterize before reuse on another IA. For a 640px personal chrome variant, use @atroui/site-header-narrow.

Part of Dark marketing sections for Next.js.