image

  • soonImage enhancerEnhance detail and image quality
  • soonBackground removerIsolate subjects from backgrounds
  • soonMockup generatorPresent designs in realistic scenes

effects

design tools

  • soonTypography generatorExplore expressive type layouts
  • soonPalette generatorFind colors that work together
  • soonGradient generatorCreate gradients for any project

light widgets

pro

Get 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