Candidate API

Scanner Playground

Try preset card handlers, edit the JavaScript, and see how the applet can fit into your own page. This playground keeps everything local in your browser: apply a handler, then scan a card.

Scan settings 
Waiting for cards…

Card handler JavaScript

Start with the Scryfall example, or change the rows, logs, and fetches to fit your own page.

async function onCardScanned(card, mygui) {
}
Card: card.cardId card.score card.detectedAt card.raw Helpers: mygui.addRow() mygui.log() mygui.fetchJson() mygui.cardImageUrl() mygui.cameraRect() Fun: mygui.bounceCard() mygui.priceBurst() mygui.addToTotal()

Try this: choose a preset, click Load preset, then scan a card. The examples are starting points—edit them freely.

  • card.cardId is the confirmed CollectorVision card id.
  • card.score is the match confidence.
  • mygui.bounceCard() adds one bouncing image per scan.
  • The handler runs only on your device; refreshing restores your saved code.

Detected cards will appear here.