Channel3 Logo

Ship a shopping app in minutes.

Integration skills and open-source React components for shopping apps.

  1. Install the skill
    npx skills add channel3-ai/skills --skill channel3-api
  2. Add the components
    npx shadcn@latest add https://ui.trychannel3.com/r/all.json
  3. Prompt your agent
    Build a shopping experience using the Channel3 skill, Channel3 SDK, and Channel3 provided UI components/hooks. Top: text and image search with filters. Show results in a grid; clicking a product opens a PDP with variant selection, similar products, and a way back to the grid.

Two blocks, real data.

The product-search and product-details blocks provide a complete shopping experience out of the box. Search, open a product, compare offers, switch variants, and more.

No products found
Try a different search or adjust your filters.

Drop in exactly what you need.

Every piece is composable and typed against the SDK - take a whole block or a single card and compose it into your own layout. A few of our favorites:

Product cards

Image-forward tiles with hover image-swap and colorway swatches.

Price intelligence

Where today's price sits in its history, and the trend over time.

$119.97Lower than usual
$125.00$145.00

Product detail, composed

The PDP pieces — gallery, variant selector, and a merchant offers comparison — wired together à la carte.

Slate
ColorSlate
Size9
demo-store.comBest Price
$139.99$119.97
View
another-shop.com
$129.99
View
Out of stock
third-merchant.com
$124.95
View

Hooks, components, blocks.

Use exactly what you need, all typed against the same SDK.

Hooks

Data, state, and pagination. No markup.

Components

Styled UI for one job each.

Blocks

Whole surfaces, wired and ready.

Every product on the internet, in one API.

Get paid to build the future of shopping.

channel 1

In-store

1
channel 2

Online

2
channel 3

Agentic Commerce

3