assembled pass

free

The prompt is free with an account: sign up with Google or email, and your copy starts right after. The project and Figma file come with monthly or yearly.

A motion study of an event pass, on a 9.2-second loop. On a pale lilac stage, 35 deep violet tiles fly in from all sides of 3D space, blurred and turning, and lock together into a notched pass with a flash as each one lands and a wave of light across the grid; the card hangs in the air, tilting slowly over a soft shadow on the floor. Then its content builds up line by line: the Summit ’26 header and the Admit one pill rise in, the seat number rolls on three reels through 09A and 12B to a large 14C, the holder Lena Ortiz, 12 Mar 2026 and Hall B · Main fade up, the perforation draws across between the notches, Doors open 09:30 · Gate 4 rises in, the barcode grows bar by bar, and the QR code's three corner squares spin in while its modules pop out from the middle. A light sweeps across the card; then the content fades, the pass breaks back into tiles that fly away, and the stage is empty for the next loop. HTML and CSS 3D transforms with React, no images, Geist and JetBrains Mono, a 1080 × 1080 stage that scales to fit any window, and frame-exact rendering (window.__render(t), window.__LOOP, window.__MANUAL). The event and the holder are invented.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • event pass
  • ticket
  • card
  • 3d tiles
  • rolling digits
  • qr code
  • barcode
  • light sweep
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • css 3d
  • svg

fonts

Geist, JetBrains Mono

Free fonts, linked in the prompt.

colors

  • #F3F1F6
  • #DCD9E2
  • #3B2B68
  • #251A45
  • #191230
  • #F4F0FF
  • #2A1E4C

license

Free account: personal use only. Monthly or yearly adds commercial and client work. Don't resell or share the template, prompt or files.

read the license