Echowave
a playable record player hero, rendered from above
Unlock at launch
Join the waitlist for access to this piece. Already a member? Sign in
You're signed in as a member: copy the full prompts, or switch the film to the live preview.
What's inside
- Prompts
- HTML · 1016 lines / React · 1309 lines
- Media
- video-intro · image-layers · audio
- Hosting
- cdn.orbital.supply, already in the prompt
- Fonts
- Red Hat Display + Red Hat Text · 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
- loader, rendered-intro, mask-reveal, interactive-object
Tested & documented
06 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
Claude
Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.
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 / 1309 lines in the full prompt
# Build: "Echowave" — a playable record player hero, rendered from above
## 0. Brief
A single-screen hero for Echowave One, a fictional turntable with the speaker woven into its felt deck. A warm-grey photo studio: the brand name spans the full width, section links sit under it, and the turntable lies below, seen from straight above. After a strobe-mark loader, a rendered camera move glides from a low angle over the record up to the top view and hands over, pixel for pixel, to live image layers. Then the turntable works: press play and the tonearm swings onto the spinning record, the needle thumps and crackles, the track starts and the arm creeps inward as it plays.The full prompt unlocks at launch.