Scene height & progress indicators
Make a pinned scene's height follow how many items it holds, and build a thin bar that fills with the progress of any scene.
Sequenced reveals
Three ways to show steps, captions or images one at a time as the visitor scrolls, including a split screen with a sticky image.
Horizontal tracks & galleries
Turn vertical scrolling into sideways motion inside a pinned scene: a sliding card track, a focus gallery and a dial of numbered steps.
Full-bleed reveals & curtains
An image that grows to fill the screen, a giant word that becomes a photo, a curtain that uncovers the footer and a photo grid that fans out.
Video & line drawing
A full-screen video scrub, an SVG that draws itself stroke by stroke, a timeline line that fills and a traveller moving along a winding road.
3D scenes
Three recipes with real CSS 3D transforms: an object that turns to show its back, cards that flip, and layers crossing a pinned stage at different speeds.