component
Horizontal Parallax
By Harsh Works
Details
- Harsh WorksAuthor
- componentType
- 2026-06-07Published
- 2026-09-13Updated
- 2026-05-31Added
- GalleriesCategories
Summary
A horizontal gallery that pins or loops
Description
Horizontal Parallax is a horizontal image and video gallery for Framer. Drop it into an editorial feature, a photo essay, or any section where a horizontal beat should hold the visitor's attention. Every image sits slightly wider than its frame and drifts counter to the strip as it moves. Frames near the centre settle, frames toward the edges slide, so the row reads like a slow dolly rather than a slideshow. Two modes, one toggle Pinned mode takes the parent frame's height as the scroll runway, so a taller frame gives a slower scrub, and a sticky stage holds the gallery in view while native scrolling drives the travel. A progress bar tracks the strip. Turn Loop on and the runway goes: the same strip becomes a seamless marquee with auto drift, weighted drag, and optional scroll to move. Four scroll driven effects Center focus. Frames scale up as they reach the centre and ease back down as they leave. Curve. The strip arcs vertically, lifting the ends and dipping the centre, or the inverse. Velocity skew. The strip skews with scroll speed, then springs back flat when it settles. Desaturate. Colour falls off with distance, so the centre frame is always the subject. Manual or CMS Add items by hand, each with an image or video, a caption, and a link, or drop a Collection List into the slot and the strip reads every row at once. Links follow the row's own route, so dynamic CMS paths resolve in Preview and on the live site. Controls Grouped for clarity: Source, Items, Layout, Motion, Loop, Effect, and Style. Motion exposes easing, parallax depth, and overscan. Every control carries its own one line description in the panel. What you get A horizontal parallax gallery that doubles as an infinite marquee, four combinable scroll effects, manual or CMS data, image and video support, click through links that respect CMS routes, no npm dependencies, a calm static preview, and free updates within the version. Made with 🖤 for Framer by Harsh Made with 🖤 for Framer by Harsh
Introduction
A horizontal gallery pins or loops
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2842