orb scan

pro

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

A biometric unlock screen on a near-black 1080 × 1080 stage, built round one glowing orb like an iris. At rest it reads Pupil Key · Look at the orb: the orb's pupil breathes, magenta fibres flicker out of its rim and its gaze wanders. A face rises below it as a depth map of glowing dots, the deeper ones bigger and brighter, and the orb's pupil stops down as it looks at it. A scan line sweeps the face top to bottom and the gaze follows it (Scanning · Hold still). The first face is a stranger: the orb flares, its pupil slams shut, red veins spread through it and it shakes its head, Not you · Access denied, while the dots tremble, turn red and drop away one by one. A second face is scanned the same way and this time the orb turns calm blue, looks up at you and opens wide, the dots pulse white-blue in waves, and the line reads Welcome back, Mira · Unlocked, before it all settles back to the idle orb. There are no photos and no real faces: the face is an abstract shape of dots, and the orb, its iris, aperture blades, glint and halo are one WebGL fragment shader. The status line is drawn on a canvas in Geist with a soft cross-fade. It loops every 14 seconds; every frame is a pure function of time, with window.__render(t), ?rec and __MANUAL for frame-exact video export, Space or R restarts it, and reduced motion shows one still. The idle label, the owner's name, the beats and both faces are a few lines to change. 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

  • biometric unlock
  • lock screen
  • scan animation
  • status line
  • webgl shader
  • iris orb
  • dot matrix
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • webgl
  • canvas

fonts

Geist

Free fonts, linked in the prompt.

colors

  • #030206
  • #040308
  • #FF1A8C
  • #5C1AF2
  • #FFDBEB
  • #9EB8FF
  • #F6F0FA

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