Interaction, demonstrated.

Horizontal scroll · Sound 2026

Cinematic horizontal scroll

The page moves sideways as you scroll, chapter by chapter, with an optional soundtrack and a progress counter. Built for launches and story-led brands.

Horizontal scrollSoundStorytelling

✓Six chapters, one continuous sideways scroll.

Open the demo

Glassmorphism · Depth 2026

Liquid glass

Frosted, refracting panels that sit over live video and shift with the cursor — the iOS-26 glass language, running in a browser.

GlassmorphismVideoCursor-reactive

✓Real-time glass over motion backgrounds.

Open the demo

3D · Scroll-driven 2026

Object scroll

A product rotates, opens and reassembles as you scroll — the scrollbar drives an animation timeline instead of just moving the page.

3D objectScroll timelineProduct reveal

✓Scroll becomes the product demo.

Open the demo

Parallax · Layering 2026

Parallax depth

Foreground, subject and background move at different speeds, so a flat page reads as depth. Cheap on performance, expensive-looking.

ParallaxLayersLightweight

✓Depth without a 3D engine.

Open the demo

Colour transitions · Food 2026

Colour-shift scroll

The whole background crossfades from one brand colour to the next as sections pass — used here on a food site, where each dish owns a palette.

Colour transitionsFood & beverageSectioned

✓Every section gets its own world.

Open the demo

Vertical snap · Full-bleed 2026

Snap sections

Full-height panels that snap into place one at a time, so the visitor always sees a finished composition rather than a half-scrolled one.

Scroll snapFull-bleedPresentation

✓One screen, one message, every time.

Open the demo

Editorial · Typography 2026

Creative layout

An editorial, off-grid layout with oversized type and asymmetric imagery — for studios and brands that would rather not look like a template.

EditorialBig typeAsymmetric

✓Art-directed, not template-shaped.

Open the demo

Motion sampler 2026

Scroll techniques

A sampler page putting several scroll behaviours side by side — pinning, reveal, sticky stacks and speed changes — so you can point at the one you want.

PinningRevealsSticky stacks

✓Pick the motion, we build the site.

Open the demo

Comparison · Interactive 2026

Before & after

Drag-to-compare sliders and interactive comparisons — the pattern that sells restoration, renovation, dentistry and anything where the result is visual.

Comparison sliderDragProof

✓Proof the visitor operates themselves.

Open the demo