Library / Scroll animation

Exploded View pro

A product drawn as stacked layers that float apart on scroll with leader lines drawing out to labels.

Scroll inside the preview to try it.

Customize

Layer names from top to bottom

Colour of each layer

How far apart the layers end up (px)

Viewing angle

Show labels and leader lines

Code

import ExplodedView from './ExplodedView';

<ExplodedView />

Checking your access…

Dependencies: none

scroll svg product isometric

More in Scroll animation

Scroll Video (Frames)Plays a video as the visitor scrolls, either as a pinned full-width scene or inside a single card. Works from numbered frames.
Timeline ScrollA vertical timeline whose glowing line draws itself as you scroll while milestones light up and slide in.
Drawn Process LineProcess cards zig-zag down the page while one line draws itself behind them and each card switches on as the line arrives.