Gemini 3 Pro · Image

Luxury Smartwatch Three Js Landing Page With Animated Sections

Imported YouMind Gemini 3 Pro commerce prompt matched by "营销".

@HarshithImage generationEnglish2026-06-22

Luxury Smartwatch Three Js Landing Page With Animated Sections

842Views

36Likes

14Copies

ImageFormat

Generation prompt

Create one html file for a luxury smartwatch page using Three.js, Anime.js and Tailwind. Make a 3D watch model, a dark textured overlay with a round hole showing the watch on beige, and animate header and big numbers to slide in when page loads. Make the page more professional, Replace the static hole with an iris that opens on load. Add a glass dome over the watch face with reflections, improve metal materials, add mouse parallax so watch rotates with cursor, and draw time and fitness rings on the watch face Turn the single screen into a multi section scroll site. When user scrolls, animate the 3D watch to move and rotate to match each section. Keep the 3D canvas and background fixed while text scrolls over them, only the watch moves - fixed canvas: position the canvas

AutoAGC workflow

Turn it into a reusable workflow

Copy the prompt text and keep the role, task, model, style, and output constraints.
Paste it into Gemini 3 Pro or a comparable model with your reference material or workflow brief.
Replace the final constraints for output format, brand voice, language, and execution objective.

Asset