Client product listing with a bar of facet popovers for category, color and size, a sort menu, removable chips, a four-column grid with load more, and a filter Sheet when narrow.
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/filter-bar-01npx shadcn add @01orbital/filter-bar-01yarn shadcn add @01orbital/filter-bar-01bunx --bun shadcn add @01orbital/filter-bar-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/filter-bar-01/index.tsx, as source you own and edit.
import FilterBar01 from "@/components/blocks/store/filter-bar-01"
export default function Example() {
return <FilterBar01 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
Product Grid with Load More
Client grid of art print tiles with star ratings and review counts that opens with eight items and a Load more button, moving focus to the first new tile.
Product Page with Image Grid
Client product page for a print suite with a two-by-two image grid, frame swatches, size pills, quantity stepper, shipping notes, and description, highlights and details accordions.