library

effects

mcp

lightbox posters

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A 1920 × 1080 motion piece that loops every 17.6 seconds: a backlit acrylic panel in a dark aluminium frame on a concrete wall, its light falling across the wall and reflecting on the floor below. Four posters follow each other, four typographic systems. Kiln, burnt orange, is an open-studio week: a huge 24 in Host Grotesk 800 rises into place behind a mono header, a hairline draws across and the title and two lines lift in. Ebbline, ultramarine, stacks one word, quiet, down the poster while a lit line travels through the rows, with a vertical mono caption. Verda, forest green, is a vertical farm: a circle draws itself, a dotted inner ring runs the other way, a ring of mono text turns, two rules open and a clock ticks from 05:56 to 06:00. Northlight, magenta, slides two vertical words, NORTH and LIGHT, past each other while an arrow draws itself and a short list fades in. Each new poster arrives on a soft, wavy front of light that alternates direction: the acrylic's liquid light, rendered in WebGL from layered noise, changes colour behind it, a bright band rides it, the wall and floor take the new colour, and the poster's type, drawn on a 2D canvas, is revealed along the same front before it animates in. A slow camera drift and breathing zoom close the loop. Three WebGL passes (room noise once, the acrylic per frame into a small texture, the scene), Host Grotesk and Geist Mono as local files, so it runs offline. Every frame is a pure function of time, with window.__render(t), window.__LOOP, window.__MANUAL and ?rec for frame-exact video export; reduced motion shows one 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

  • lightbox
  • poster carousel
  • typographic posters
  • light sweep transition
  • wavy reveal mask
  • liquid light shader
  • wall light spill
  • floor reflection
  • kinetic type
  • count-up clock
  • text on a circle
  • camera drift
  • WebGL shader
  • canvas type
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • webgl
  • canvas

fonts

Host Grotesk, Geist Mono

Free fonts, linked in the prompt.

colors

  • #0A0A0B
  • #EC5F1E
  • #FFBC74
  • #2A3ED4
  • #97BEFF
  • #0F7148
  • #4FC98A
  • #AE2290
  • #FF92CA

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