vividsitesBlockhaus
A playful 3D studio site that opens on a dark rounded window filled with glossy toy blocks, rings, capsules and pebbles in a live physics pile. Your cursor shoves them, a click bursts them apart with a lime flash, and they settle back. Scrolling draws a twisted paper ribbon that carries a project card, grows a showreel from a thumbnail to the full window, and flips the work grid into an index with a hover peek. The finale stacks fifty-eight toys into a little house inside an orbiting storm before an orange flood becomes the footer. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Interactive 3D Studio
- Stack
- HTML, Three.js, Live Toy Physics
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.
