Furl

What's inside

Prompts

HTML · 684 lines / React · 952 lines

Media

WebGL scene · Background image

Hosting

cdn.orbital.supply, already in the prompt

Fonts

Michroma + Archivo · Google Fonts

HTML

One file, no libraries

React

React 19.3.0 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Motion

slit-loader, mask-reveal, scramble-hover, pointer-part

Tested & documented

13 October 2026

• Reproduced in Claude
• Rebuilt blind from the prompt: React and HTML
• Checked at 375, 768, 1440, 1920 px
• Spec linter: 0 errors, no generator links

How to use it

1. Claude

   Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.

2. Vite + React

   Open an empty Vite + React project and paste the React prompt. It lists the exact packages; the asset URLs are already inside.

The prompt

Excerpt / 952 lines in the full prompt

# Build: "Furl — likeness protection" — lines of violet light leave a hooded figure's visor

## 0. Brief

Furl (fictional) finds a person's face, voice and name in AI training sets and data-broker files and takes them back. The hero is one screen in a graphite studio: a hooded figure faces the viewer, a thin glossy band across the eyes, and lines of violet and blue light leave both ends of that band and fan out across the frame, with pulses and sparks travelling outward. The lines always pass behind the figure. The pointer softly parts and brightens them. A loader draws a slit of light at the band's height; it closes onto the visor and the lines leave from there. Around the figure: a wide display headline, technical readouts that draw a guide line to the face, and bracketed buttons whose labels decode on hover.

The full prompt unlocks at launch.