tactile 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 six tactile widgets on a 12-second loop that plays by itself, each one a small thing you could hold. A record spins on a turntable under a fixed light sheen while the tonearm rides the groove. A split-flap departures board flips letter by letter from Porto and Coimbra to Coimbra and Braga, platforms on yellow flaps, and back. Raindrops sit on a window and run down it over the blurred lights of the city behind, with Almaty at 6°. A tea timer's dial winds to five minutes with an overshoot, runs down under its pointer and shakes as it rings: tea is ready. A receipt printer hums while a bakery receipt comes out line by line, the day's total counts up, and later the receipt is torn off and falls away. A voice recorder's backlit VU meter follows a voice while REC blinks and the timer runs. No images: HTML, CSS, SVG and canvas, Inter and IBM Plex Mono, a 1080 × 1080 stage that scales to fit any window, and a frame-exact recorder (?rec and window.__render).

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
  • timer
  • film grain
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • canvas
  • svg

fonts

Inter, IBM Plex Mono

Free fonts, linked in the prompt.

colors

  • #0C0C0E
  • #FF6A1F
  • #F2C230
  • #F7CF86
  • #FAF8F3
  • #1B2738

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