Soft Drink Launch Template: OLLO
Soft-drink launch site for a fictional cola: one photo-real 3D can spins in cold, cracks open, slices into six flavours, pours through each colourway and lands in the lineup.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3266 words of exact values — rewritten live as you tune the Playground.
Prompts are for subscribers
Subscribe to copy this prompt in every format, rewritten live to match your Playground settings.
Loading prompt…
Couldn’t load the prompt
Check your connection and try again.
Source
Full source code
Source code is for subscribers
Subscribe to read, copy and download the full HTML, CSS and JavaScript of this demo.
Loading source code…
Couldn’t load the source code
Check your connection and try again.
WebGL E-Bike Brand Template: Tolvo
E-bike launch template for an invented Rotterdam brand: a photo-real 3D bike rolls in, then the scroll tracks the frame, drops the battery, explodes the motor, swaps colours and counts the range.
- gsap
- scrolltrigger
- splittext
- lenis
WebGL Serum Skincare Template: Velune
Serum skincare template for an invented Copenhagen brand: a photo-real frosted dropper bottle; scroll lifts the glass pipette, gathers one drop, lets it fall and lands it as a real macro video.
- gsap
- scrolltrigger
- splittext
- lenis
medium Watch Shop Template: Päiväkaari
Watch shop template for an invented Lapland maker of 24-hour watches: a photo hero that says what it sells, a filterable grid with a working bag and quick view, then a WebGL watch that runs through Inari’s year and cuts its daylight to your city.
- gsap
- scrolltrigger
- splittext
- flip
WebGL Perfume House Template: Noctiflore
Perfume-house template for an invented Grasse brand: a door of stars opens, the camera falls through moonlit cloud into a walled night garden, and each flower you open lifts a glass perfume flask from its heart.
- gsap
- scrolltrigger
- splittext
- lenis