GSAP Animations

Parallax

Drift an element against the scroll for depth.

Live demo

Scroll down to see it

Text holds still…

…while the image beside it drifts against the scroll.

How to set it up

Add it in under a minute

  1. Put the image (or content) in its own Column.
  2. Open that column → Animations → Scroll Motion (GSAP).
  3. Set Scroll Effect to Parallax.
  4. Choose an Axis and a Strength (try 20), then Save.
Open the manual

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free