Twenty-one websites, built to show what yours could be.

Wood-fire tasting menu, chef story, reservations.

Try: Tabbed tasting menus and a reservation that confirms inline

• React
• GSAP
• Scroll reveals

Walk the hotel sideways. Drag the sun from dawn to night.

Try: Drag the sun from dawn to night and watch the hotel change

• GSAP
• Draggable
• Horizontal scroll
• Theme morph

The page is a roast. Scroll to first crack, spin the flavour wheel.

Try: Scroll the roast curve to 09:00 and watch the beans crack

• Three.js
• Instancing
• DrawSVG
• Draggable
• GSAP

One pinned 3D can, four flavour worlds, shake it to burst.

Try: Press and hold the can, then let go

• Three.js
• Bloom
• GSAP
• Particles

A glass that fills as you scroll. Drop the ice.

Try: Scroll to pour four cocktails, then click to drop ice

• Canvas
• Wave physics
• GSAP
• SplitText

Oversized type, case-study grid, marquee clients.

Try: Case studies open in place; counters count as you scroll

• React
• Motion
• GSAP

A site that draws itself on blueprint paper, crane included.

Try: The page draws itself; drag the drafting slider

• DrawSVG
• MotionPath
• Draggable
• GSAP

One chart, five time scales. Noise fades, compounding doesn't.

Try: Scroll to zoom out from one day to fifty years, then grow the rings

• Canvas
• ScrollTrigger
• DrawSVG
• ScrambleText
• Motion

An architect's model you can lift apart, room by room.

Try: Drag up on the model to lift the villa apart

• Three.js
• R3F
• Shaders
• ScrollTrigger

A split-flap departures board. Type your name, swing your badge.

Try: Type your name and a 3D badge drops in on a lanyard you can swing

• CSS 3D
• Three.js
• Verlet rope
• CanvasTexture
• GSAP

A desk you can throw things around, then tidy with one click.

Try: Throw things around the desk, then hit Tidy up

• Draggable
• Inertia
• Flip
• Variable fonts

A darkroom portfolio. Agitate the tray to develop.

Try: Move over the tray to develop the print, then flip the safelight

• WebGL
• Verlet physics
• Flip
• DrawSVG

Configure the bag in 3D, then hot-foil your initials.

Try: Type your initials and watch the gold foil press in

• Three.js
• Shaders
• GSAP
• Configurator

Glass 3D hero, live waveform demo, pricing.

Try: Generate a voice and watch the waveform play

• Three.js
• React
• Motion

A dashboard that is alive, and a chart that becomes five.

Try: One chart becomes five as you scroll; your cursor is a torch

• Canvas
• MorphSVG
• GSAP
• Motion

The working tool is the homepage. Send it and watch it come back paid.

Try: Type a line, then hit Send it: the invoice folds into a plane and returns stamped PAID

• React
• CSS 3D
• MotionPath
• Physics2D
• GSAP

Scroll speed is the interface. Twist the throttle.

Try: Twist the throttle past 80% and let go

• GSAP
• Variable fonts
• Canvas
• MorphSVG

Fly through a planet system as you scroll. Pure Three.js.

Try: Scroll to fly through a ringed planet system

• Three.js
• R3F
• Drei

120,000 particles. Type a word, they become it.

Try: Type a word and 120,000 particles become it

• Three.js
• Shaders
• Bloom
• GPU particles

A CRT television with a playable game on channel 2.

Try: Turn the channel knob, then play channel 2

• Canvas
• WebGL CRT shader
• Game loop
• Draggable

A 60-second explainer inside a working timeline editor. Drag the bezier.

Try: Scrub the film, then drag the easing handles to re-time it live

• SVG
• GSAP timeline
• CustomEase
• MorphSVG
• Draggable