Agency Landing Template
A complete studio site on a light cream palette: a kinetic headline over a pointer-reactive WebGL contour field, a velocity-skewed client marquee, hover-reveal services, stacking case-study cards, stats, pricing, FAQ and a magnetic CTA.
- Section Templates
- gsap
- scrolltrigger
- splittext
- glsl
- svg
- expert
- medium perf
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 4908 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 Orrin & Hale — Type-led Brand Agency
A light, type-led agency landing page: the studio name fills the first screen and squashes with scroll speed, then six pinned case panels letter each client's SVG wordmark beside its photo, with a hover/slider weight axis.
- gsap
- scrolltrigger
- splittext
- svg
medium Delanta Opal House Template
A light landing page for an invented Welo-opal cutting house in Addis Ababa: every stone is a GLSL shader that flashes harlequin, broad-flash or pinfire as you tilt or move across it, and a draggable water drop turns any stone glassy.
- gsap
- scrolltrigger
- splittext
- flip
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
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