Infall

What's inside

Prompts

HTML · 642 lines / React · 787 lines

Media

WebGL scene

Hosting

cdn.orbital.supply, already in the prompt

Fonts

Kumbh Sans · Google Fonts

HTML

One file · gsap 3.15.0

React

React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Motion

charge-loader, cascade, bar-wipe, particle-inflow

Tested & documented

09 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 / 787 lines in the full prompt

# Build: "Infall — a fusion power hero" — a wave of particles that falls inward from both edges and ignites a core at the center

## 0. Brief

Infall (fictional) builds compact fusion cores: converging fields drive the plasma inward until it meets itself and fuses. The hero is one black screen cut into six columns by hairlines. Across it runs a silky ribbon of fine amber particles, low on the left and high on the right, and its energy does not cross the screen: it falls in from both edges, narrows and spirals into a white-hot core at the exact center of the grid, while faint rays converge on the same point and a pulse leaves the core every few seconds. Everything else is black and white, small and uppercase: a white bar marks the current page, a wordmark cut into horizontal bands that thicken toward its center line, a headline, a white-bar CTA that charges the core on hover, a "Hold to charge" box, and live telemetry along the bottom. A loader bar fills from both ends, falls into the center as a point of light, and the whole interface arrives in one staggered cascade while the energy streams in.

The full prompt unlocks at launch.