light widgets
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A motion study of four dark widgets lit from inside by a physical light source, on an 11.5-second loop that plays by itself. Each card's gradient, its thin rim and the soft bloom behind it all take the colour of the card's state, and neighbouring blooms blend on the black background. Wake up counts down to a 06:40 alarm while a sun rises over water with its reflection shimmering in glints, and the card warms from night violet to gold until it reads Good morning. On Water a finger taps + 250 ml and the level rises from 1.10 to 1.35 litres with a splash, light rays and bubbles moving through the water. On Air a finger switches the purifier on: amber dust drifting in a shaft of window light settles out, the reading falls from 68 to 22 and the light turns cool and clean. On Bedroom a finger drags the thermostat dial from 19° to 22.5°, its arc warms and the whole card turns from cool blue to ember. Inter, canvas and SVG, a 1080 × 1080 stage that scales to fit any window, and a frame-exact recorder (window.__render and record.py).
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
- autoplay loop
- dial
- toggles
- cursor animation
- frame-exact recorder
stack
- react
- vite
- typescript
- canvas
- svg
fonts
Inter
Free fonts, linked in the prompt.
colors
- #040405
- #F7F5F1
- #FFCE96
- #3CAAFF
- #C88C50
- #FF7846
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

