Sneaker Drop 3D
Built for ARCLO, the sample brand inside the template
A limited-drop page where the shoe is a real 3D model: drag to turn it, scroll and it comes apart into upper, midsole and outsole, pick a colourway and it re-dyes heel to toe, then enter the draw under a live countdown.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
The first screen is the shoe big in front of a giant condensed "ARCLO 03" on warm paper; dragging turns it and it coasts. Scrolling pins it side-on with four spec cards tied to dots on the shoe by leader lines, then it tips toward you and comes apart: the upper lifts, the outsole drops, and each part arrives with its weight. Manifesto words rise with the scroll over a cobalt band. In the colourway scene the shoe re-dyes from heel to toe as you scroll or click, the page ground takes a pale tint of it and the name sits huge behind. A row of macros and a flat cobalt colour card drifts past, then three on-foot street photos. The close pins the shoe turning on a cobalt disc behind a live countdown, wearing your colourway, then lets it leave with the scene; size chips, an email field and Enter the draw sit under it with one legal line. Without WebGL the studio photo stands in for the shoe. All copy, colourways and image slots sit in one content file, the palette in one theme file.
What you get
- A tested build prompt · 12.9k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A drop page for one limited shoe (the sample is the ARCLO 03 Runner: 400 pairs, released by draw on 5 December at $185), in the format of a shoe-release template: warm paper ground, a giant condensed brand word, the shoe big. The shoe is a real 3D model (generated from a studio photo, then split into upper, midsole and outsole), drawn with three.js on one canvas behind the whole page. It eases from pose to pose as you scroll, so it is never a cut.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
