Luxury smartwatch Three.js landing page with animated sections

A detailed multi-step prompt sequence for Gemini 3 Pro to build a luxury smartwatch landing page using Three.js, Anime.js, and Tailwind, then refine it into a multi-section scrolling site with advanced animations and interactions.

Prompt by @HarshithView the original post ↗Published 2025-11-20CC BY 4.0

The prompt

Fill in the blanks — 8 placeholders

Edit any of these and the prompt below updates. Copy gives you the filled-in version.

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 the header and big numbers to slide in when the 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 the watch rotates with the cursor, and draw time and fitness rings on the watch face.

Turn the single screen into a multi-section scroll site. When the 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

Generate opens this prompt in the editor, ready to run.

Model
Gemini 3
Media
Image
Language
English
Words
158
Infographic / Edu VisualAnime / MangaPortrait / SelfieProductAbstract / Background

How to use this prompt

  1. 1Copy the prompt — fill in any placeholders first and the copy takes your version.
  2. 2Paste it into your image model, or press Generate to open it here with your own photo.
  3. 3Run it twice. Generation is not deterministic and the second pass is often the keeper.
  4. 4Finish it with the free tools: upscale, crop to the platform you need, compress before sharing.

Go beyond generating the image

Everything after the generation, on the same site.

Upscale to 4K →Remove the background →Crop for a platform →Compress before sharing →All AI apps →

More from Gemini 3

Same model, same dataset — Gemini 3 prompts people have shared.

View all Gemini 3 prompts →

All image categories

Use cases
Styles
Subjects