Hesperine — Orange Blossom Perfume House
A light perfume-house landing page: blossoms detach from a drawn Seville street and settle into the brand name; the street map is the scroll path, with a draggable pin that plays each street's blossom; perfumes, still room, prices, FAQ.
- Section Templates
- gsap
- scrolltrigger
- svg
- canvas2d
- expert
- medium perf
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3956 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.
medium Perfume Shop Template: Parfums Lucarne
Perfume shop template for an invented Montmartre perfumer: a photo hero in a dormer-window arch, a filterable shop with hour swatches, a working bag and quick view, then the perforated blotter card and a strip you dip into nine flacons.
- gsap
- scrolltrigger
- flip
- lenis
medium Saltmere Pearls — South Sea Pearl Farm
A light landing page for an invented South Sea pearl farm: scroll drains a nine-metre Kimberley tide over drawn oyster panels, pearls are picked into a sorting tray and turned in a WebGL nacre-shader loupe.
- gsap
- scrolltrigger
- threejs
- glsl
medium Vellamarai — Backwater Houseboats
A light, place-led houseboat landing page: a canal photograph holds while the barge drags along its bottom edge, a clock, the light and the next stop follow its real timetable, and the sky warms to lamp gold.
- gsap
- scrolltrigger
- splittext
- svg
medium Verdeluz — Colombian Emerald Cutters
A light landing page for an invented Bogotá emerald cutter: a WebGL step-cut emerald turns table-up and the camera dives into its inclusions, then a 10x loupe walks you through each stone's jardín.
- gsap
- scrolltrigger
- splittext
- threejs