Can Carousel Ecommerce
Built for Fulmo, the sample brand inside the template
An energy-drink hero where a row of slim cans turns under a studio downlight, and a click brings one forward to show its label.
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 near-black studio that brightens to warm silver at the floor, with the stacked italic FULMO / ENERGY wordmark centred over a chrome downlight. Nine slim cans float in a shallow arc, each at its own tilt; the centre can is lit in its flavour's colour on a gunmetal plinth whose face carries the flavour's name in heavy italic caps, with a coloured glow under it and a View can button above it. Drag, swipe, the chevrons or the arrow keys turn the range. View can (or a click on the can) brings it forward over its own colour: an intro panel, then three panels that turn the can to its back where only one printed callout (zero sugar, 160 mg caffeine, lightly sparkling) lights at a time, with the copy on the left and four round icon dots on the right. Scrolling on pins the stage and plays the statement ALL LIFT / NO CRASH over a colour cloud, the range in a row, a packed diagonal lineup, and one can in a low-key studio under the footer's Shop the range and Find a stockist.
What you get
- A tested build prompt · 17k 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
An energy-drink shop whose first screen is its range. Nine slim cans float in a shallow arc across a dark studio that brightens to warm silver at the floor, each at its own tilt. The centre can is lit and in colour, held between a chrome downlight and a plinth with its flavour's name on the plinth's face; the others wait near-black. Click the centre can (or "View can") and it fills the screen in its own colour: four panels turn it to one printed callout at a time, and only that callout lights. Scroll on and the scene plays a short sequence: one can over a colour cloud with "ALL LIFT / NO CRASH" behind it, the range in a row, a packed diagonal lineup, and a last can under the footer's two actions.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
