voice tasks
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 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

