Luxury Scroll Story Template
A complete luxury launch page in one motion language: a counted preloader, a masked hero over a settling image, a pinned canvas bottle that turns to reveal three callouts, a word-by-word story, a pinned sideways gallery and a footer wordmark that fills.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3345 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 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
medium Portfolio Landing Template
A one-page portfolio for an invented designer-developer: a screen-wide name whose letters rise and thicken under the cursor, a pinned sideways gallery of six original project posters that open into case studies, services, process, FAQ and a copy-email contact.
- gsap
- scrolltrigger
- splittext
- svg
Featured light Luxury Product Hero Section
A drop-in luxury hero: masked serif headline lines, a CSS-drawn glass flacon revealed by clip-path and floating on a 6s sine loop, a rotating textPath badge, a magnetic CTA, and swatches that re-tint the whole scene by tweening one CSS variable.
- gsap
- splittext
- svg
medium Terrazzo Shop Template: Pietrafina
Terrazzo shop template: tiles, floors and worktops from Verona with prices, a hero photo ground to a polish, a live mix painter with a seven-grit slider and price estimate, projects, fitting area, FAQ and a quote form.
- gsap
- scrolltrigger
- splittext
- lenis