Velvetspoon — Desserts in a Can

Name: Velvetspoon — Desserts in a Can
Brand: Brand Motion Studios

Three flavours on one screen: press an arrow and the can flies out, the next one rises in, and the whole page changes colour with it.

A one-screen product showcase for a made-up dessert brand, Velvetspoon, which sells chilled desserts in a can. A tilted can floats in front of one giant word — MANGO, CHOCOLATE, CHEESECAKE — with its ingredients drifting around it: diced mango, coffee beans and chocolate chunks, almonds and blueberries. Press an arrow, swipe, turn the wheel or click a thumbnail and the can spins off the top of the screen while the next one rises from below, the word slides out as the new one slides in, the ingredients scatter and regroup, and the background, the copy and the prices change to the new flavour. A quantity stepper multiplies the price, and Shop now counts the cans into a badge with a toast. Everything on the page is drawn in code: the cans, their printed labels and barcodes, the straw, the spoon, the ring-pull and every ingredient are inline SVG built from a short list of colours, so there is not one image file. It is a single HTML file, with GSAP for the transitions: no build step and nothing to install.

How to run this

Nothing to install and nothing to configure. Works in any modern browser on Windows, macOS and Linux.

Built with: Single HTML file
Requires: A modern browser

1. Unzip the download.
2. Double-click index.html. It opens in your browser and runs. To serve it instead (some browsers want a server), run npx serve . in the folder and open http://localhost:3000.

Note — GSAP loads from the cdnjs CDN and the typefaces from Google Fonts, so the first load needs an internet connection. There are no image files: the cans and the ingredients are drawn in the page as SVG. Upload index.html to any static host and it is live.

Prompt $2.99 · Source $12.99 · or All-Access

Unlock Velvetspoon — Desserts in a Can

Buy just the prompt, the full source, or get All-Access for every design in the store.

The prompt

$2.99

The exact prompt that built it. Paste it into Claude Code and make it yours.

Complete sourcePrompt included

$12.99

The finished build, as a download that runs today. The prompt comes with it.

Or get All-AccessEvery design in the store, from $99 a year

Secure checkout by Lemon SqueezySecure checkout by Razorpay · UPI, cards, netbanking
Instant access the moment payment clears
Anything broken on our side is fixed or refunded within 7 days. Policy

A prompt is a starting point, not a build script. AI models land differently on every run, so expect to refine the result — spacing, timing and copy — before it feels like the preview. The source pack is that preview, finished and running.

What's included

✦The complete build brief: the page, the styles, the drawing functions and the transition, with the file given in full, so an agent can rebuild the site exactly
✦Complete source in one hand-written HTML file: no install and no build, double-click it and it runs
✦Three cans drawn by one function: body, printed label, barcode, metal rim and a straw, a spoon or a ring-pull, recoloured from a handful of values per flavour
✦Six ingredient illustrations as inline SVG (diced mango, mango slice, coffee bean, chocolate chunk, almond, blueberry), placed per flavour from a list
✦One GSAP timeline that swaps the can, the word, the ingredients, the background and the copy in under two seconds, from the arrows, the thumbnails, the keyboard, a swipe or the wheel
✦A flavour list you edit in one place: add an entry and it gets its own can, word, colours, ingredients and price

Velvetspoon — Desserts in a Can

How to run this

More like this

Maison Soléa Perfume

OLLO — Premium Bottle Brand Shopify Theme

AURELIAN Calibre 01 — Skeleton Automatic

AETHERIS Residences — Skyline Luxury