← Back to All Demos

Shape Animator

Animate existing Beaver Builder row shapes with continuous drift or scroll-triggered reveal. Works with any BB edge shape.

2
Presets
0
Dependencies
CSS/JS
Animation
01 of 02Drift
pp_animate_existing = driftpp_drift_speed = mediumpp_drift_direction = alternate
Row triangle Shape Decorative svg added to top
Row wavy Shape Decorative svg added to bottom

Drift Animation

02 of 02Scroll Reveal
pp_animate_existing = scroll-revealpp_reveal_style = grow
Row midpoint Shape Decorative svg added to top

Scroll Reveal

01
Drift
Continuous alternating drift on triangle and wavy shapes. Subtle motion that adds life.
pp_animate_existingdrift
pp_drift_speedmedium
bg_typecolor
full_heightfull
02
Scroll Reveal
Shapes grow into view as the row enters the viewport. Scroll-triggered drama.
pp_animate_existingscroll-reveal
pp_reveal_stylegrow
bg_typecolor
full_heightfull