Shadcn Navbar Blocks
Browse 18 Portfolio Pro navbar blocks for shadcn/ui. Minimal headers, name marks, and menu bars for portfolio sites.
Portfolio Navbar: Divided Nav
Full width header where the name mark and each page link occupy their own border separated cell, ending in a solid inverse contact cell.
Portfolio Navbar: Numbered Nav
Header with a name mark on the left, horizontal links each carrying a zero padded index number, and a small index caption on the right.
Portfolio Navbar: Sticky Minimal Nav
A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.
Portfolio Navbar: Nav With Resume
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.
Portfolio Navbar: Centered Nav
An editorial header with the name mark pinned to the absolute center and two nav links split symmetrically on each side.
Portfolio Navbar: Minimal Name Navbar
A minimal personal-site header with the name mark on the left and three nav links on the right, nothing else.
Portfolio Navbar: Pill Links Nav
Header with a name mark, page links inside a bordered rounded pill segmented control with the active one highlighted, and a quiet arrow link.
Portfolio Navbar: Two Row Nav
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.
Portfolio Navbar: Transparent Nav
A background-free header with the studio name on the left and anchor links on the right, designed to float over a hero section.
Portfolio Navbar: Nav With Socials
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.
Portfolio Navbar: Compact Nav
A slim 12-unit header with a name mark on the left and three minimal text links on the right, nothing else.
Portfolio Navbar: Name And Menu
A mobile-first header shown in its open-menu state with four large stacked links and zero-padded index numbers.
Portfolio Navbar: Nav with Location and Time
Header with a name mark on the left, centered page links, and a location readout showing the city and a local time label on the right.
Portfolio Navbar: Wide Nav
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.
Portfolio Navbar: Nav With Cta
A conversion header with the name mark, three nav links, and a primary Get in touch button on the right.
Portfolio Navbar: Nav With Theme Toggle
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.
Portfolio Navbar: Logo Center Nav
A navbar with the name mark centered and two navigation links flanking it on each side, plus a contact button on the far right.
Portfolio Navbar: Nav With Availability Dot
A navbar with name, centred links, and a pulsing emerald dot beside an availability month label on the right.