BILLY DIGITALSMotion Lab · scroll ↓
Hand-coded · zero dependencies

Motion Lab

A living library of bespoke scroll & interaction effects. Each one below is a module you can drop straight into a client build. Scroll to feel them hand off, one to the next.

Scroll
01 Rotating Seal
Brand mark, alive

Type that orbits.

Scroll-linked

Spins as you move.

02 Product Spin

Pure
form.

Every
angle.

Real 3D
in canvas.

03 Horizontal Scroll
01

Sideways

Vertical scroll drives a horizontal journey.

02

Panels

Perfect for portfolios, menus & galleries.

03

Smooth

Eased transform, no jank, 60fps.

04

Pinned

The section holds while the track glides.

05

Yours

Drop in images, prices, work — anything.

04 Stacking Cards

Cards that stack as you scroll.

01

Discover

Each card sticks, then the next slides over it — a tactile way to walk through steps or services.

02

Design

Pure CSS sticky positioning. No library, no scroll-jacking.

03

Build

Reorder, recolour, restyle — it's just markup.

04

Launch

Works on mobile, respects reduced-motion.

05 Before / After

Drag to reveal.

Made for salons, barbers & dentists — show the transformation.

before after
⇔
BeforeAfter
06 Lighting · Ignition
As dusk falls

A scene sets the mood…

Scroll to ignite

…and the lights come alive.

07 Lighting · Spotlight

Some things are best seen in the right light.

Move your cursor
08 Lighting · God Rays

Cinematic light.

Volumetric beams & drifting dust — pure atmosphere.

PARTICLESSEALPRODUCT SPINHORIZONTALSTACKINGBEFORE / AFTERIGNITIONSPOTLIGHTGOD RAYS PARTICLESSEALPRODUCT SPINHORIZONTALSTACKINGBEFORE / AFTERIGNITIONSPOTLIGHTGOD RAYS
All hand-built

No libraries.

9
Effects in this file
0
Dependencies
60fps
Buttery smooth
Use these in your site →