Modules Advanced Motion

ProExtension

Advanced Motion

Pro extends the free Scroll Effects with rotate, scale and blur, adds mouse tracking and 3D tilt, and staggers the children of any row, column or module.

Live demo

Rotate, scale and blur on scroll

Three Pro presets on three shapes.

Rotate

Scale

Blur in

Live demo

Mouse track

Move your mouse over this side. Shapes follow, or move against, the pointer.

Live demo

3D tilt

Tilt me

Max tilt 14°, perspective 900 px. Desktop only, off for reduced motion.

Live demo

Stagger children

The four columns of the next row reveal one after another.

Abstract illustration: isometric building blocks

Column 1

140 ms after the first.

Abstract illustration: flowing gradient ribbons

Column 2

280 ms after the first.

Abstract illustration: floating interface panels

Column 3

420 ms after the first.

Abstract illustration: grid horizon with a rising sun

Column 4

560 ms after the first.

Beaver Builder animation, Kinetic easing.

A built-in "Fade up" entrance with the Pro "out-back" easing.

How to use it

Where to find it

Any row, column or module → Kinetic tab → Scroll Effects, Mouse Effects and Stagger & Easing.

Free Free version

  • Move and fade (Scroll Effects)

The free version is in the free plugin, and Pro includes it too. See Scroll Effects or download it free.

Pro In Kinetic Modules Pro

  • Rotate, scale and blur on scroll
  • Mouse track (with or against the cursor) and 3D tilt
  • Stagger children: fade, slide, zoom or blur in
  • Custom easing for Beaver Builder animations

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