widget reel
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A 3D motion reel of four dark widgets lit from inside, each a complete, live component. They sit on a 2 × 2 grid in 3D space: a calendar whose light turns from Wednesday's ember to Friday's cobalt, a flight widget in coral where the gate changes and the boarding pass opens for flight YA 351, a voice note in emerald that is recorded, transcribed word by word and turned into three tasks, and a dinner bill in iris violet whose items fly to the three people who had them. One camera, with a 1700 px perspective, starts on a tilted close-up of the calendar and glides from widget to widget (calendar, voice note, split bill, flight), holding a slow push-in on each while that widget plays its key moment; the others dim. Each widget runs its own animation on its own clock, and the reel retimes it with a piecewise-linear map so it holds, speeds up or slows down to land its moment on camera. Then the camera pulls back and tilts to all four at their last moment, and the stage fades to black before the loop starts again. Everything is a pure function of time on a 1080 × 1080 stage that scales to fit any window, with window.__render(t) for frame-exact video export; the camera's keys, the grid and the time maps are plain data, and each widget is a self-contained React component with a clock prop that can be lifted out and used on its own.
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
- widgets
- 3d camera
- autoplay loop
- calendar
- voice note
- boarding pass
- spring physics
- film grain
- frame-exact recorder
stack
- react
- vite
- typescript
- svg
fonts
Inter
Free fonts, linked in the prompt.
colors
- #000000
- #050505
- #FBFAF8
- #FF8A4C
- #6080FF
- #2EE0AA
- #8A6BFF
- #FF6278
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license

