event horizon
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A WebGL launch button on a near-black stage. At rest, a slow nebula flows inside a glass capsule: indigo, teal and rose gas, dark dust lanes, a warm band of light and three layers of twinkling stars, with a thin rim that breathes. Hover it and a small black hole forms under the pointer and follows it with a slight lag: hot gas spirals into it, a photon ring flickers round the horizon, and the stars and the label bend around it with real gravitational lensing, while the rim lights up warm on the hole's side. Click and the hole slides to the centre, grows and swallows Launch as the pill presses in; a soft flash and a shockwave ripple out over the stage, then Launched with a check mark resolves from blur, and the button resets after four seconds. It plays an 8-second scripted demo with its own pointer, and hands over to your real mouse the moment you move it. The whole stage is one fragment shader, the label is a canvas texture sampled through the lens, and the button is a real, keyboard-focusable button you can wire to any action. Change the labels, the colours of the gas, the size of the pill or how tightly the hole follows in a few lines. Every demo 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 until you take over. The font is local, so it runs offline.
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
- button
- hover effect
- click animation
- webgl shader
- gravitational lensing
- nebula
- shockwave
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
- webgl2
- canvas
fonts
Geist
Free fonts, linked in the prompt.
colors
- #020202
- #0E1235
- #353B4A
- #1A1C66
- #083D52
- #85265C
- #FFDBA3
- #FAF7F2
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

