Library / Scroll animation

Scroll Map Zoom pro

A drawn map that zooms from the whole island to a single pin with caption cards, crisp at every zoom, with no map tiles.

Scroll inside the preview to try it.

Customize

Stops written as x, y, zoom — Name

Colour of the land

Colour of the sea

Colour of the pin

Radar rings around the pin

Code

import ScrollMapZoom from './ScrollMapZoom';

<ScrollMapZoom />

Checking your access…

Dependencies: none

scroll map svg zoom

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.