Sections · 7 blocks

Headers

7 open-source headers blocks for Pantheon Content Publisher (P1) and plain React + Tailwind. Copy the code or hand the brief to your coding agent.

See them rendered in the catalog

Site HeaderLogo, main menu with dropdowns, a button and a skip link. Menus use native disclosure, so they work without JavaScript.No dependencies
Header — SimpleWordmark, a short row of links, a quiet secondary link and one button, with an optional sticky mode and a no-JavaScript phone menu.No dependencies
Header — Utility BarA dark top strip for phone, language links, small links and site search above the main bar with logo, menu and button.No dependencies
Header — Mega MenuTop-level items open full-width panels of grouped link columns with an intro and featured promo; phones get an accordion menu.No dependencies
Header — Centered LogoEditorial header with a serif wordmark centered between two sets of links, a notice line above and a double rule below.No dependencies
Header — GovernmentOfficial-website banner with a "Here's how you know" disclosure, seal and agency name, search, quick service links and a full-width nav bar.No dependencies
Header — NonprofitDeep indigo header with a Donate button that stays visible on the smallest phones and a secondary call to action for the people you serve.No dependencies