vividsitesShoalhouse
A photoreal glass tank hangs in a dark void, and a school of koi swims inside it, curious when your cursor moves slowly and scattering in rings of ripples when you click. The word Stories bends through the water behind the glass, while the rest of the headline floats crisp in front of the fish. Below, hovering a project opens a rippling lens on its still, the process pins to a water gauge that fills as you scroll, plans spring between euro, dollar and yen, and the footer wordmark catches the light under your cursor. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Narrative Studio
- Stack
- HTML, Three.js, Refracted Koi School
How to use this prompt
- 01
Copy the prompt
Grab the full text — it carries the layout, motion, fonts and stack notes your AI needs.
- 02
Paste it into your AI coder
Claude Code, Cursor, v0, Lovable — anything that writes files. Paste it as-is.
- 03
The video is already wired
The prompt embeds a cloud URL for the source clip, so your coder fetches it automatically.
- 04
Make it yours
Swap the brand name, headline and accent colour. The motion and layout stay intact.
- 05
Ship it
Run the build and deploy to Vercel, Netlify, or any static host.
