everyday widgets
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A widget-wall motion piece on a 1080 × 1080 stage that scales to the window and loops every 8 seconds. Sixteen everyday widgets, 220 px squares with 48 px corners, sit on a 4 × 4 wall over a light grey ground with a fine film grain, in a mix of near-black, white, tomato red, forest green, cobalt and sand. Every one is live: a dot-matrix rain cloud at 12°, a battery at 82 % with a green sweep through its cells, a pasta timer at 05:23 with a blinking colon, an analog clock with a date window and a red seconds hand, a bike ride at 23.4 km/h over a scrolling speed chart, music (Slow Lights by Nora Vale) with a bouncing equaliser, spending of $1,284 with a ticker of payments and a walking bar marker, pollen dot columns breathing in a wave, the year 87 % gone in Instrument Serif with this week pulsing, 8,426 steps on a ring with running beads, a calendar on Friday the 13th with a design review, screen time with a sheen across its bar, a voice memo scrolling its waveform past a red playhead, a delivery van tag driving between stops, a pendant lamp whose light cone and dimmer rise from 32 to 88 % and back, and a heart rate of 72 BPM with an ECG trace and a beating heart. A 3D camera with a 2400 px perspective starts tilted close on the music widget at 2×, pulls back to the whole wall flat, tilts the other way onto the calendar and swings back, so the loop closes. React with HTML, CSS and Canvas 2D (each widget draws its own canvas from t), one pure render(t) for any frame (window.render, ?rec, window.__ready, window.__LOOP), Manrope, Geist Mono and Instrument Serif, Lucide icons, a reduced-motion still.
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 wall
- home screen widgets
- 3d camera
- perspective tilt
- weather widget
- battery widget
- timer
- analog clock
- music player
- spending widget
- steps ring
- calendar widget
- voice memo waveform
- delivery tracker
- lamp dimmer
- ecg line
- film grain
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
- canvas 2d
fonts
Manrope, Geist Mono, Instrument Serif
Free fonts, linked in the prompt.
colors
- #D9DADD
- #0C0D10
- #FAFAFA
- #FF3D1F
- #0F3A2B
- #2F5BFF
- #EFE5D3
- #3DFF7D
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

