vividsitesDewfold
A dewy bottle of sparkling green tea stands in moss, and the words DRINK THE DEW live inside the same shader as the photograph, so the bottle stands in front of the letters and bends them through the tea while the moss buries the foot of DEW. Move the cursor and the scene shifts by depth and relights; click and bubbles pour with a ripple through the image. Below, each flavour refills the bottle from the bottom up as the section re-tints, cards tilt, stockists filter by city and prices roll to monthly. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Sparkling Tea
- Stack
- HTML, Three.js, Refracted Headline Shader
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.
