Taxonomy-driven
One TOML schema + one source adapter per category. The same React components render bikes today, phones tomorrow.
Production-ready · React 19 · MIT
Compare anything.
One framework. Any category.
A taxonomy-driven product comparison framework. Define your category once in a TOML file, plug in a data source, and ship a polished browse / filter / compare UI — with a streaming AI assistant that reads your catalog.
12
verticals
152
demo items
672
passing tests
7
npm packages
Try a category
Built-in demo data across 12 verticals — same components, zero per-category code.
Why pickwise
Composable from headless data hooks all the way up to a fully-skinned demo.
Streaming AI assistant
OpenAI or Anthropic-compatible, swap via env var. Catalog-aware tool calls render live as the agent works.
Accessible by default
Radix UI primitives for keyboard nav + ARIA. Reduced-motion respected. Dark mode opt-in or system-driven.
Headless first
Every component carries data-pickwise-* hooks. Style with theme-default, your own CSS, or Tailwind utilities.
30-second quickstart
Three packages, one import. The rest is up to you.
pnpm add @pickwise/surface @pickwise/components-react @pickwise/theme-default
import { CatalogProvider, ResultGrid, ItemCard } from "@pickwise/components-react";
import "@pickwise/theme-default";
<CatalogProvider catalog={catalog}>
<ResultGrid items={catalog.items.bike}>
{item => <ItemCard item={item} />}
</ResultGrid>
</CatalogProvider>