Modules Scroll Effects

FreeExtensionPro extras

Scroll Effects

Every row, column and module gets a Kinetic tab with scroll-linked motion. Pick a preset such as Fade up or Parallax, or set your own move and opacity range. It runs on the compositor with CSS scroll timelines where the browser supports them.

Live demo

Presets on three cards

Scroll slowly and watch each card. Every one uses only the free Scroll Effects.

Fade up

Move Y 80 → 0, opacity 0 → 1, from 0% to 45% of the viewport.

Parallax

Move Y 120 → -120 across the whole viewport.

Slide in

Move X 140 → 0 and fade in over the first half.

Slow headline

Fast headline

How to use it

Where to find it

Open any row, column or module, go to the Kinetic tab and switch on Scroll Effects.

Free In the free plugin

  • Move on X and Y, and fade
  • Presets: fade up, parallax, slide in, fade out
  • Start and end points in % of the viewport
  • Per-device control

Download free →

Pro Pro adds

  • Rotate, scale and blur
  • Mouse track and 3D tilt
  • Stagger children and custom easing
  • See Advanced Motion

Kinetic Modules

Make your Beaver Builder sites move.

Start with the free plugin. Add Pro when a project needs the big effects.

See pricing
Download free