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.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3148 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 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
WebGL Kijani Cargo E-Bike Template
A light, matatu-yellow landing page for an invented Nairobi cargo e-bike workshop: drag jerrycans, maize and mitumba onto a 3D bike, then scroll as it explodes into parts and climbs Ngong Road.
- gsap
- scrolltrigger
- splittext
- threejs
WebGL Hoshibi — Paper Lanterns
A light landing page for an invented Gifu lantern workshop: a procedural Three.js paper lantern that the scroll winds, papers, folds flat and opens, a drag-to-open paper chooser, drawn river scenes, prints, stepped pricing and FAQ.
- gsap
- scrolltrigger
- splittext
- threejs
WebGL Halvard Glassworks Template
A light landing page for an invented Norwegian glass studio: a Three.js glass float fills with clipped, sloshing fjord water to today's tide as you scroll, a draggable tide clock refills it hour by hour, then shop, stages, pricing ticket and FAQ.
- gsap
- scrolltrigger
- splittext
- threejs