day strip
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A day planner card in dark glass under a huge, thin clock. The card shows the day, a strip of hour ticks with coloured event tiles in two rows sliding past a white playhead with a time pill, and a details row for the event under the line: a countdown ring, the title, its times and a note. A drawn cursor plays a 12-second seamless loop: it drags the strip from 09:48 on Thursday 12 November to Focus time, which lights up with its gradient while the details cross-fade to it; a tap sends the strip gliding on past the FRI 13 divider, so the header swaps to Friday and it settles on the Team offsite; a second drag takes it to Dinner with Ari; then the cursor taps the back-to-now button, which spins as the strip glides home. The big clock and the pill always show the time under the line, and the strip and clock blur while they move fast. Plain HTML and CSS on a 1080 stage that scales to any window; every frame is a pure function of time, with window.__render(t) and a ?rec mode for frame-exact video export; reduced motion shows one still. Unbounded, Geist and JetBrains Mono are self-hosted, so it makes no outside requests.
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
- calendar
- timeline
- day planner
- glass card
- countdown ring
- motion blur
- demo cursor
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
fonts
Unbounded, Geist, JetBrains Mono
Free fonts, linked in the prompt.
colors
- #060608
- #F4F4F6
- #7048FF
- #4C6FF0
- #2FB8CC
- #FF8A3D
- #4CC35A
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

