Clothing Rail Ecommerce
Built for Vantry, the sample brand inside the template
A clothing shop whose first screen is a steel rail of eight real garment photos that turn to face you on hover and lift off into a blurred-rail product view on click.
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
A pale page with a centred VANTRY wordmark, a small About and GBP with three line icons, and a thin steel rail 22% down. Eight garments slide in from the right end of the rail on walnut hangers, side-on, and swing as they stop: a sand Harrington, an orange cable vest, a navy chore jacket, a tartan shirt, an oat hoodie, a charcoal zip hoodie, a blue stripe shirt and a white tee, each a cut-out product photo. Point at one and it turns on its hook to face you while the others slide aside, with its name and price underneath; brush across the hems and they knock and settle. Click it and it lifts into the middle of the page while the rail blurs and pales behind it: name, price, a FRONT | BACK switch, round size pills, a Select a size / Add to bag button and See availability, with arrows to step through the rail. On a phone the rail runs past both edges and drags.
What you get
- A tested build prompt · 11.5k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero 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 clothing shop whose first screen is its rail. Eight garments hang side-on from a thin steel rail on a pale page, each a real product photo on its own wooden hanger. Point at one and it turns on its hook to face you while its neighbours slide aside, with its name and price underneath. Click it and it lifts off the rail into the middle of the page while the rail blurs and fades behind it, with Front and Back views, sizes, "Add to bag", and arrows to the next piece.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks