ParallaxStack is an infinite vertical slider for Framer that handles both images and videos, with real parallax depth, lerp-smooth scrolling, and a live minimap preview.
Media loops endlessly in both directions with no visible seam. Mix photos and videos freely in one gallery, up to 20 items, each moving at its own parallax depth as you scroll.
WHAT IT DOES Visitors scroll vertically through a mixed media gallery. Each item sits at 20% parallax depth against scroll speed for real dimensionality. After scrolling stops, ParallaxStack auto-snaps to center the nearest item. A live minimap shows the next media item in real time, placeable in 8 positions around the screen.
KEY FEATURES
Infinite loop scrolling in both directions, no clones or duplicated nodes
Mixed media support, images and videos in any order or combination
Parallax depth on every item, main view and minimap calculated independently
Lerp-based motion smoothing for buttery 60fps scroll animation
Auto-snap to the nearest item after scrolling settles
Live minimap preview with 8 placement options, toggle on or off
Mouse wheel, click-drag, and touch gesture support
Virtual rendering, only visible items exist in the DOM at any time
Supports up to 20 media items, MP4, WebM, and MOV formats included
Zero third-party dependencies, single self-contained code component
WHY IT WORKS A static grid treats every item the same. ParallaxStack gives each one real depth and motion, then uses the minimap to keep visitors oriented even with 20 items in the loop.
PERFECT FOR Portfolio galleries, video showcases, photography collections, product presentations, agency work reels, and any Framer site mixing photos and videos in one story.
WHAT'S INCLUDED A single drop-in Framer code component. Add up to 20 media items, position the minimap, and tune scroll speed, smoothness, and parallax scale to match your brand. No coding required.
Drop it in, connect your media, and let the depth do the work.
ParallaxStack is an infinite vertical slider for Framer that handles both images and videos, with real parallax depth, lerp-smooth scrolling, and a live minimap preview.
Media loops endlessly in both directions with no visible seam. Mix photos and videos freely in one gallery, up to 20 items, each moving at its own parallax depth as you scroll.
WHAT IT DOES Visitors scroll vertically through a mixed media gallery. Each item sits at 20% parallax depth against scroll speed for real dimensionality. After scrolling stops, ParallaxStack auto-snaps to center the nearest item. A live minimap shows the next media item in real time, placeable in 8 positions around the screen.
KEY FEATURES
Infinite loop scrolling in both directions, no clones or duplicated nodes
Mixed media support, images and videos in any order or combination
Parallax depth on every item, main view and minimap calculated independently
Lerp-based motion smoothing for buttery 60fps scroll animation
Auto-snap to the nearest item after scrolling settles
Live minimap preview with 8 placement options, toggle on or off
Mouse wheel, click-drag, and touch gesture support
Virtual rendering, only visible items exist in the DOM at any time
Supports up to 20 media items, MP4, WebM, and MOV formats included
Zero third-party dependencies, single self-contained code component
WHY IT WORKS A static grid treats every item the same. ParallaxStack gives each one real depth and motion, then uses the minimap to keep visitors oriented even with 20 items in the loop.
PERFECT FOR Portfolio galleries, video showcases, photography collections, product presentations, agency work reels, and any Framer site mixing photos and videos in one story.
WHAT'S INCLUDED A single drop-in Framer code component. Add up to 20 media items, position the minimap, and tune scroll speed, smoothness, and parallax scale to match your brand. No coding required.
Drop it in, connect your media, and let the depth do the work.
Hamim Reza
