Header Blocks

Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet.

Header with the logo pinned left, navigation links absolutely centered, and sign-in plus a primary CTA right, above a skeleton page-content placeholder.

Sticky site header with logo, desktop navigation, a sign-in link, a primary CTA, and a state-controlled mobile menu sheet for composing into page templates.

Header with a Product navigation menu dropdown listing Analytics, Automations, and Integrations, plus inline links, sign-in and CTA buttons, and a mobile sheet.

Header that detaches on scroll from a flush full-width bar into a centered floating island, contracting its width as border, shadow, and blur fade in.

Mega menu header whose three navigation triggers share one viewport that morphs size and cross-fades content, with hover intent, keyboard support, and a mobile accordion sheet.

Header that slides away when scrolling down and springs back on any upward scroll, with a dismissible announcement banner that collapses past the first fold.

Header with a sliding pill that follows the hovered link and snaps to the active one, driven by an IntersectionObserver scroll spy over page sections.

Header that starts transparent with white mega-menu navigation over a full-bleed photo hero, then cross-fades to a solid bordered bar once the hero scrolls past.

Two-row header whose top utility strip (contact link, locale select, social icons) scrolls away while the main navigation row sticks and gains blur and a border.

Minimal header whose hamburger morphs into an X and opens a full-viewport overlay of oversized navigation links that stagger in with a blur reveal.

Docs-style header with a search trigger showing a Ctrl+K hint that opens a command palette grouping Pages, Blocks, and Actions, collapsing to an icon on mobile.

Header with a centered wordmark, dropdown navigation menus on the left, and social links plus a primary CTA on the right over a sticky blur bar.

Header with the wordmark on the left and the navigation collected into one muted capsule on the right, with a sliding active pill and no call to action.