Marketing Header

Responsive navbar for a SaaS landing page with logo, links, sign in and a start free button that collapses into a mobile menu.

Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.

Responsive navbar for a SaaS landing page with logo, links, sign in and a start free button that collapses into a mobile menu.
Sticky marketing site header with a hamburger menu sheet on phones.
Top navigation bar for a product website or docs homepage.

For menus with grouped sub-pages and descriptions, use Marketing Header Mega.

Radix UI and Base UI primitives (pick the one your project uses)
React 19 and Tailwind CSS 4 in Next.js (App Router), Vite, React Router or TanStack Start, installed with the agentic-ui or shadcn CLI
Your theme tokens, in light and dark mode

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI

agentic-ui add marketing-header

Installs through shadcn and adapts the component to your design tokens.

shadcn CLI

npx shadcn@4.17.0 add @agentic-ui/marketing-header

A standalone component: drop it into any screen.

npm packages: lucide-react
Registry dependencies: lib-primitives
Files: 2 files
components/agentic-ui/marketing-header/marketing-header/marketing-header.tsx
components/agentic-ui/marketing-header/marketing-header/header-model.ts