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

voice tasks

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 a voice-note widget that turns what you say into a to-do list. A dark 600 px card glows from inside in emerald on a black stage. A finger taps record: the timer counts, a red light pulses in the state chip, sixty waveform bars stream in from the right, a ring pulses round the button and the card's light breathes with the voice, while the transcript lands word by word with the word being said in white. A tap on stop flattens the waveform, a mint band scans the text and the task words light up while the rest dims, then the text blurs away. The record button springs open into a wide "Add all to Today" pill, three task rows with small line icons spring in and their circles tick off one by one, and a toast confirms that three tasks were added. 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 widget is a self-contained React component with a clock prop and its own scoped tokens, so several can play side by side, each on its own time, on any background.

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

  • widget
  • autoplay loop
  • voice recording
  • waveform
  • live transcript
  • task list
  • checkboxes
  • button morph
  • toast

stack

  • react
  • vite
  • typescript
  • svg

fonts

Inter

Free fonts, linked in the prompt.

colors

  • #000000
  • #050505
  • #2EE0AA
  • #C8FFE4
  • #08786E
  • #FBFAF8
  • #FF3B30

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