A shoppable component libraryBrowse real components, theme them to a client's brand, and build a local selection you can copy out as JSON — for a human to review, or an agent to pick up over MCP.

How it holds together

Live examples, not screenshotsEvery card on this site is the real component, rendered under real tokens — never a static picture standing in for one.
Pick here, ship over MCP or CLIAdd here to build a local selection you can copy out as JSON — a pick-list for a human to review or hand to shop_cart_add over MCP, where the real cascade-expansion and checkout still run headlessly.
Templates browse the same wayEvery catalogued screen and flow gets its own page here, built from the same catalog.json as /components — nothing assembled by hand twice.
One brand, everywhere at oncePick a theme and every preview across the whole site — component, screen, or flow — repaints from the same tokens.

78 built components

See all components →

Delete this project?

This removes the project and every screen in it. There is no undo.

Alert dialog

Heads up

Your trial ends in 5 days.

Saved

Changes applied.

Approaching limit

You have used 87% of your quota.
Alert
Ambient backgrounds

No messages yet

New messages from your team will show up here.

Isometric Empty State
Autocomplete
JDSLAKMC+1
Avatar group

79 catalogued screens, 6 flows

See all templates →

Online Courses — Courses — Add

Choose a date on or after today

Drag files here, or

  • contract.pdf

  • photo.jpg

PDF, PNG or JPG up to 10MB

We never share this.

Online Courses — Courses — Add

Online Courses — Student — Add

Choose a date on or after today

Drag files here, or

  • contract.pdf

  • photo.jpg

PDF, PNG or JPG up to 10MB

We never share this.

Online Courses — Student — Add

Online Courses — Teacher — Add

Choose a date on or after today

Drag files here, or

  • contract.pdf

  • photo.jpg

PDF, PNG or JPG up to 10MB

We never share this.

Online Courses — Teacher — Add

Start shopping

Browse the library