Shadcn Navbar Blocks

A slim 12-unit header with a name mark on the left and three minimal text links on the right, nothing else.

A full-width header with the name mark on the left, five centred navigation links, and a contact button on the right in a generous 16-unit bar.

A navbar with name, centred links, and a pulsing emerald dot beside an availability month label on the right.

A background-free header with the studio name on the left and anchor links on the right, designed to float over a hero section.

A navbar with the name mark on the left, four nav links in the center, and a static sun and moon theme toggle button on the right.

A navbar with the name mark centered and two navigation links flanking it on each side, plus a contact button on the far right.

A stacked two-row header with the name and social icons on the top row and a six-link section nav on the second row for content-rich portfolios.

A site header with a name mark and nav links on the left and a download CV button on the right for portfolios where recruiters need direct resume access.

A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.

A connected header with the name mark and nav links on the left and a row of GitHub, LinkedIn, and Instagram icon links on the right.

A mobile-first header shown in its open-menu state with four large stacked links and zero-padded index numbers.

A conversion header with the name mark, three nav links, and a primary Get in touch button on the right.

An editorial header with the name mark pinned to the absolute center and two nav links split symmetrically on each side.

A minimal personal-site header with the name mark on the left and three nav links on the right, nothing else.