Skip to main content
Source-available React components for shopping applications, distributed as a shadcn registry. Every component is typed directly against the SDK — a ProductDetail from search or a product fetch drops straight in, with no adapters or mapping layer.

​
Drop in a block

Most apps need search and a product page. Two compound blocks wire the smaller pieces together — install one, pass your server-side fetchers, and you have a working surface:
  • product-search — search bar, faceted filters, and an infinite-scroll results grid
  • product-details — full PDP: image gallery, variant selection, merchant offers, price intelligence, attributes, and recommendations

​
Or compose your own

Every piece is composable and editable - product cards, grids, carousels, filters, variant selectors, price charts, and headless hooks like use-product-search and use-variant-selection. Use them for custom layouts, or use the hooks directly and bring your own markup. Components are presentational: they take Channel3 data as props and emit user intent through callbacks. They never call the API or touch your key - fetch on your server where CHANNEL3_API_KEY lives, then pass results in.

Quickstart

Install the Channel3 API skill, add components with the shadcn CLI, and prompt your agent to wire everything up.

channel3-ai/channel3-ui

Install commands, full catalog, updating components, and contributor setup on GitHub.