Skip to content

component

Smooth Scroll Pro

By Mirjalol Tilavov

Details

Summary

Smooth Scroll Pro replaces Framer's default step-by-step scrolling with real momentum — the page accelerates, glides and settles like a native app.

Description

Smooth Scroll Pro replaces Framer's default step-by-step scrolling with real momentum — the page accelerates, glides and settles like a native app. Everything is tuned from the properties panel: easing curve, smoothness, wheel speed, touch behaviour and breakpoint rules Features Scroll engine Two modes — Inertia (continuous glide) and Duration (fixed-time ease per scroll) Smoothness 0–100 — from tight and snappy to a long, heavy glide Duration control for time-based mode Enable / disable toggle without removing the component Easing 7 built-in curves — Linear, Smooth, Ease Out, Ease In Out, Expo Out, Circ Out, Back Out Custom cubic-bézier input for your own curve Curve applies to scrolling and anchor jumps, so the whole site feels consistent Input tuning Wheel speed multiplier — normalises trackpads and mice Max step — caps how far a single scroll event can travel Touch multiplier for finger-scroll sensitivity Mobile & accessibility Smooth touch off by default — phones keep native momentum Disable below any breakpoint you choose Respects reduced motion — honours the OS accessibility setting automatically Navigation Anchor links intercepted and eased with the active curve Anchor offset so a fixed header never covers the target section Setup One component, one drag — affects the entire site No custom code, no external scripts, no layout wrapper Every setting lives in the properties panel Compatible with Framer scroll transforms, appear effects and custom scroll listeners

Introduction

Inertia scrolling for Framer

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400150318/148/228/309/79/15
  • All · #5031