Hoarlight
One faceted glass ice star turns inside a tilted ring of the giant word HOARLIGHT, its front arc passing in front of the star while the back arc is refracted through the glass. Drag to spin it and the hoarfrost clears into polished aquamarine with dispersion, then a click shatters it into shards and splinters and a die-cut swing tag rises carrying a render of that exact star. Lift the tag into the Cold Cabinet, where visitors' tags hang swaying from a sagging line while the ring dissolves into a new phrase. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Jewellery Launch
- Stack
- HTML, Three.js, Transmission Glass
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.



