warp cards

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 carousel of five camera-setting cards on a warm light grey stage, on a 15.5-second loop. Shutter speed, Aperture, ISO, White balance and Focus distance each have their own colour, a big value, a mono caption and a small gauge, and take turns in the middle for 2.2 seconds before the carousel eases on to the next. The track is bent: past the middle third the neighbours curl outward and stretch towards the stage's corners, smearing outward with a slight red and blue split and a soft edge, as if pulled round a lens. While a card holds, its value rolls on in three steps: 1/125 to 1/1000 over a ruler sliding under a red needle, f/1.8 to f/5.6 as an eight-blade iris turns and closes and a depth gauge fills, ISO 400 to 3200 as bars fill, a count from 3200 to 5600 K with a marker gliding along a cool-to-warm strip, and 1.6 to 0.6 m as a red focus peak slides along a histogram. Every face is drawn with the 2D canvas each frame and bent on the GPU with WebGL 2 shaders; no images, Geist and JetBrains Mono, a 1080 × 1080 stage that scales to fit any window, a flat fallback without WebGL 2, a reduced-motion still, and frame-exact rendering (window.__render(t), window.__LOOP, window.__MANUAL).

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

  • carousel
  • card
  • counters
  • dial
  • webgl shader
  • canvas 2d
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • webgl
  • canvas

fonts

Geist, JetBrains Mono

Free fonts, linked in the prompt.

colors

  • #E2E0DB
  • #18171C
  • #F4F2ED
  • #283121
  • #DCD3C4
  • #1D2830
  • #FF4A3D

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