Lenis + Motion Demo · Iowa 1999

Slipknot

Nine members · One frequency · Infinite noise

Scroll

lenis.on('scroll') — parallax

Driven by scroll

Lenis exposes scroll, velocity, direction and progress at every frame. We push the image at a different speed than the page, creating depth.

Motion animate + scramble text

PEOPLE = SHIT

Characters scramble through random glyphs before resolving — pure vanilla JS driven by Motion's inView callback.

Motion stagger — 3D flip-in

Discography

We Are Not Your Kind

2019

Vol. 3: Subliminal Verses

2004

All Hope Is Gone

2008

The End, So Far

2022

All Out Life

2018 · Single

The Dying Song

2022 · Single

Motion animate — scale + brightness reveal

Into Focus

Scale from 75% + blur + dark → sharp, full-size, border glow. All driven by a single Motion animate() call inside inView().

lenis velocity → marquee speed

Speed
Kills

Scroll fast — the marquee accelerates in real-time using Lenis's velocity. Characters glow when you hit high speed.

PSYCHOSOCIALDUALITYWAIT & BLEEDBEFORE I FORGETTHE DEVIL IN ICRITICAL DARLINGSULFURUNSAINTEDPSYCHOSOCIALDUALITYWAIT & BLEEDBEFORE I FORGET

lenis scroll → horizontal translate

The Gallery — keep scrolling

Live — LCR 2023

Gnarly Media

Eloy — 2024

Solway

The Devil In I

Memories

All Out Life

Motion enter + 3D mousemove tilt

The Nine

Cards cascade in with Motion stagger. Hover to tilt in 3D — Lenis's smooth momentum makes the motion feel cinematic.

sticky + lenis progress → counter

Years of chaos · 1995 – 2025

Counts 0 → 30 as you scroll through this sticky panel, driven by Lenis progress mapped to section bounds.

lenis.scrollTo(target, options)

Jump Anywhere

Each button uses different duration, offset, and easing options.

lenis direction — real-time

Which way?

↓

Lenis fires direction: 1 (down) or direction: -1 (up) on every tick. Motion animates the arrow with a spring.

lenis.stop() / lenis.start()

Freeze the Machine

Click the wheel or HUD buttons to toggle Lenis on/off.

⚙

🟢 Lenis running

lenis.on('scroll') + progress

Infinite Noise

Combining `Motion v12` with `Lenis` opens up endless creative possibilities. Let the scroll dictate the experience.