Boarding Pass is an interactive self check-in animation for travel apps, airline and event-ticket confirmations, and booking emails. Tap the kiosk and it prints the pass in eight paper pulls, the stub tears off along the perforation, a passport stamp lands, and the plane flies the route.

How I built it: the whole project was made with the SVGator MCP from Notion AI. Notion is where I keep the challenge brief, my idea list and one task page per template, so the agent read the brief, picked the idea and built the project from that page. It wrote every layer, named element and keyframe through the MCP (create_project / replace_project). It also exported the animation (export_project) to check frames before each change. Then I added interactivity with the SVGator Player API: an idle "Tap to check in" loop that waits for a click, prints from there, and reprints on the next tap.

Proof it's reusable: the second version (Koi Air, HND → SYD) was made by swapping content through the MCP using only the element names. Same timeline, new airline-logo and barcode images, retyped passenger, route, flight, gate, seat and class, and a new brand color in header-band. Because every element has a clear name, a full rebrand takes minutes, by hand or by an AI assistant. HTML DEMO