Scroll Speed Marquee

Show Preview
Scroll Speed Marquee
Scroll Speed Marquee

About Scroll Speed Marquee

Scroll Speed Marquee is a scrolling row of layers that speeds up as the page scrolls, turns around when the page scrolls back, and drifts on its own when nobody is scrolling.

Framer's own Ticker runs at one constant speed. This one is tied to how fast the page is moving, which Framer's scroll effects cannot read: they respond to where the page is, not how fast it is going. Scroll hard and the row tears along, then eases back to its drift.

Ten property controls cover the gap, resting speed, direction, how much scrolling boosts it, how hard a scroll earns full speed, whether it reverses with the page, pause on hover, how many copies fill the row, and smoothing.

Three ways to set it

Logo wall. Calm drift, a noticeable boost, pauses on hover.

Statement type. Fast and punchy, reverses with the page.

Ambient. Barely moving, and it never turns around.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Add your layers to the Items slot; it repeats them to fill the width and remeasures when the layout changes.

Good to know

Every layer in the Items slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work.

Turn off reverse for logo walls, where a row suddenly changing direction can read as a glitch.

From Gwatsin T

Swipe Deck
Draggable Canvas
Mask Spotlight
Falling Image Trail

Related Components

Dragable Carousel
Slider Verticalix
Coverflow Slideshow
Image Carousel (3D)