day calendar
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 calendar widget that glows from within. On a black stage a dark rounded card fades up and its light rises from the bottom edge and rim in a warm ember, while the centre stays dark so the type reads crisp. The week row comes in day by day with event dots, a white selector springs open on Wednesday 4, and the 08–20 day strip ignites its event segments one after another beside a glowing now line. The next event, Design review, counts down from 23 minutes while its Join call button starts to glow; a finger presses it, then taps Friday. The selector springs over, the titles cross-blur from Wednesday 4 to Friday 6, the light morphs to cobalt, Wednesday's events shrink away and Friday's grow in, and the next event slides over to a client call. An 11-second loop on a 1080 × 1080 stage that scales to fit any window; every frame is a pure function of time with window.__render(t) for frame-exact video export, and the widget is a self-contained React component on a transparent square that takes its time from a prop.
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
- calendar
- autoplay loop
- avatars
- spring physics
- film grain
- frame-exact recorder
stack
- react
- vite
- typescript
- svg
fonts
Inter
Free fonts, linked in the prompt.
colors
- #000000
- #050505
- #FBFAF8
- #FF8A4C
- #D63828
- #6080FF
- #3C28D2
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

