warp cards
freeThe 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

