library

effects

mcp

aether boot

pro

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

A 9:16 phone power-on screen as one seamless 12-second loop, 1080 × 1920, on black. A thread of lavender light draws itself down the middle of the screen, flares and opens into a flame of soft fbm noise with a faint chromatic split, which settles into a matte black squircle logo tile: light rises inside it from the bottom, a halo breathes behind it, and the Aether wordmark, a SYSTEM 4.0 line in Geist Mono and a hairline progress bar with a glowing head fade up beneath. The flame sinks into a soft chevron of light, and the lock screen arrives: a padlock, Friday, 13 November, the clock 07:24 revealed digit by digit in a white-to-lavender gradient, Enter passcode, four passcode dots and a round glass keypad with letters, Emergency and Cancel. A finger taps 2, 5, 8, 0: each key wells up with light, a ring of light ripples out across the screen from it and a dot fills. On the last tap the dots gather into one, the padlock opens, the keys scatter outwards and blur away, the chevron surges upwards and folds into a single vertical thread that shrinks to nothing, and the loop starts again. The light is one WebGL fragment shader (thread, flame, chevron, tap ripples, tone map, vignette); the screens are HTML and CSS with React; Geist and Geist Mono are local, so it runs offline. Every frame is a pure function of time, with window.render(t), window.__render(t), window.__LOOP and a ?rec mode for frame-exact video export; reduced motion shows the lock screen as 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

  • boot screen
  • power-on animation
  • logo reveal
  • progress bar
  • lock screen
  • passcode keypad
  • tap ripples
  • WebGL shader
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • webgl

fonts

Geist, Geist Mono

Free fonts, linked in the prompt.

colors

  • #000000
  • #060609
  • #B8A6FF
  • #C9BCFF
  • #E9E3FF
  • #7C5CFF
  • #FFFFFF

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