holiday calendar
freeThe prompt is free with an account: sign up with Google or email, and your copy starts right after. The project and Figma file come with monthly or yearly.
A motion study of a dark glass calendar for December 2026 with a living scene at the top, silk ribbons of teal light at rest. Holidays are marked with a dot, and selecting one changes the scene, the light behind the glass and the glow on its edge. A pointer selects Christmas Day (Fri 25 Dec): snow falls over the whole card and settles as a cap on the selected day. Then New Year's Eve (Thu 31 Dec): the pill glides over and turns gold, rockets rise and burst into eight fireworks that flash the glass. Then the next-month button: December slides out and February 2027 slides in, and the pointer selects Lunar New Year (Sat 6 Feb): paper lanterns float up through rising embers in red light. The label over the grid blurs from the month to each holiday's date and name, the card tilts gently towards the pointer, and the loop opens and closes on black. HTML, CSS and Canvas 2D with React, no images, Host Grotesk and Geist Mono, a 1080 × 1080 stage that scales to fit any window, and frame-exact rendering (window.__render(t), window.__LOOP, window.__MANUAL).
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
- month grid
- date picker
- holiday scenes
- snow
- fireworks
- lanterns
- glassmorphism
- canvas
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
- canvas
fonts
Host Grotesk, Geist Mono
Free fonts, linked in the prompt.
colors
- #07080A
- #F2F3F5
- #46C8D7
- #8CB9FF
- #FFB048
- #FF542C
license
Free account: personal use only. Monthly or yearly adds commercial and client work. Don't resell or share the template, prompt or files.
read the license

