Skip to content
SevenUI
Sign in

Header

Top-of-page navigation that carries the brand, the menus a visitor browses, and the next step to take. 6 blocks in this category.

Every block here is Pro. One purchase, yours forever —$99 at launch instead of $249.

Get Pro — $99

Header 01Pro

A frosted pill that floats clear of the page edges, where one soft highlight glides between the links and a Features menu opens into second-level lists for booking, payments and integrations.

Open the Header 01 preview in a new tab
… add @sevenui/pro/header-01
100%

Header 02Pro

A calm, centred SaaS navigation whose Product and Solutions triggers open one shared mega panel: icon-led feature columns with a release card, then audience groups with a customer metric.

Open the Header 02 preview in a new tab
… add @sevenui/pro/header-02
100%

Header 03Pro

A home-store header with a dismissible delivery strip and a centred wordmark, where the Shop mega panel's room rail swaps link columns, an editorial story and a priced product.

Open the Header 03 preview in a new tab
… add @sevenui/pro/header-03
100%

Header 04Pro

A course-catalog header built around a wide search field with a live keyboard hint, beside a Browse menu that cascades categories into subjects with course counts.

Open the Header 04 preview in a new tab
… add @sevenui/pro/header-04
100%

Header 05Pro

A symmetric hotel header with the navigation split evenly around a centred mark, where the Stay menu nests rooms and suites with their size, view and nightly rate.

Open the Header 05 preview in a new tab
… add @sevenui/pro/header-05
100%

Header 06Pro

A two-tier B2B header: a utility strip with status, language and a sales line above a sticky bar whose shared menu panel branches Solutions by industry, team and company size.

Open the Header 06 preview in a new tab
… add @sevenui/pro/header-06
100%