Client store header with a dark announcement bar, a mega menu of link columns and featured image tiles, search, account and bag count, collapsing to an accordion Sheet on phones.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/store-header-01npx shadcn add @01orbital/store-header-01yarn shadcn add @01orbital/store-header-01bunx --bun shadcn add @01orbital/store-header-01Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/store/store-header-01/index.tsx, as source you own and edit.
import StoreHeader01 from "@/components/blocks/store/store-header-01"
export default function Example() {
return <StoreHeader01 />
}Prop
Type
npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
accordionbuttonnavigation-menusheetSplit Art Sale Banner
Two side-by-side promotional tiles, each a full-bleed art print under a dark gradient scrim with a small label, a display headline and a Shop now button.
Compare
Every 404 block side by side: whether it follows the theme or stays dark, the stock parts it is built on, and whether it is free. Open one for its preview, props and install.