← All work

Prize Claw

A claw machine that sells things.

Type
Animation template
Year
2026
Role
Concept, illustration, animation through the SVGator MCP, promo video
Stack
SVGator, SVGator MCP, SVG

An editable promo template made in SVGator: the claw grabs your product, nearly drops it, and a reward card pops out. Made for the SVGator challenge on Contra.

A coin drops, the claw moves over the prize, grabs it, almost lets it slip and carries it to the prize door. Then a reward card takes over the screen: the deal, the product, the old price struck through, the new price and a button that pulses.

The point is that anyone can make it theirs. Every coloured layer is tagged with one of three colours and every text you would change starts with EDIT, so a rebrand is three colours, a few lines of text and one product drawing.

To prove it, a coffee promo (20% off an oat flat white) became a sneaker drop (buy one pair, get one free). Same file, same keyframes. A script drew the machine as layered SVG and the SVGator MCP put it into SVGator and animated it.

Details worth a look

  • Three colour tokens recolour the machine, lights and card at once
  • Every editable text layer starts with EDIT
  • Swap one product drawing and the claw grabs your product with the same motion
  • Plays once on a website, then only the reward card keeps looping
  • Built through the SVGator MCP and checked frame by frame
Same file, two brands: coffee became a sneaker drop.
Same file, two brands: coffee became a sneaker drop.
The grab, the near slip and the drop.
The grab, the near slip and the drop.
Inside SVGator: tagged colour layers and EDIT text layers.
Inside SVGator: tagged colour layers and EDIT text layers.

Next project

Leash