Skip to content
MotionLab

Observer Fullscreen Slides

Wheel, touch and keys step through full-screen slides with one normalised gesture API.

sketchGSAPObserverSplitText

How it works

Observer.create({type: "wheel,touch,pointer"}) with a busy flag; each slide change is a timeline with SplitText char reveal.

Performance

Only two slides are visible at a time; others are visibility:hidden.

Accessibility & reduced motion

Arrow keys and buttons work too; slide region is aria-live.

Playgroundtween
Export
transition={{ duration: 1.1, ease: [0.76, 0, 0.24, 1] }}