event horizon

pro

Get 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