Shape Animator
Animates the row shapes you already have. Toggle it on in any row's Style tab to add drift or scroll-reveal to BB's built-in top/bottom edge shapes. No module to add — just a setting on your existing rows.
2
Animations
3
Speeds
Row Setting
How It Works
Drift — Alternating Direction
02 of 05Drift — Slow Left
pa_animate_existing = driftpa_drift_speed = slowpa_drift_direction = leftshape = circle
Drift — Slow Left (Circle)
03 of 05Drift — Fast Right
pa_animate_existing = driftpa_drift_speed = fastpa_drift_direction = rightshape = concave
Drift — Fast Right (Concave)
04 of 05Scroll Reveal — Grow
pa_animate_existing = scroll-revealpa_reveal_style = growshape = midpoint
Scroll Reveal — Grow
05 of 05Scroll Reveal — Fade Up
pa_animate_existing = scroll-revealpa_reveal_style = fade-upshape = wavy
Scroll Reveal — Fade Up
01
Drift Alternate
Continuous alternating drift on triangle and wavy shapes. Subtle motion that adds life to any row.
pa_animate_existingdrift
pa_drift_speedmedium
pa_drift_directionalternate
02
Drift Slow Left
Gentle leftward drift on circle shape. 15-second cycle creates a calm, atmospheric movement.
pa_animate_existingdrift
pa_drift_speedslow
pa_drift_directionleft
03
Drift Fast Right
Fast rightward drift on concave shape. 5-second cycle for energetic, attention-grabbing sections.
pa_animate_existingdrift
pa_drift_speedfast
pa_drift_directionright
04
Reveal Grow
Shapes grow into view as the row enters the viewport. Scroll-triggered entrance animation.
pa_animate_existingscroll-reveal
pa_reveal_stylegrow
05
Reveal Fade Up
Shapes fade in while sliding upward. Pairs the wavy bottom with an edge-slant top for a layered entrance.
pa_animate_existingscroll-reveal
pa_reveal_stylefade-up
All Available Options
Animation Type
NoneGentle DriftScroll Reveal
Drift Speed
Slow (15s)Medium (10s)Fast (5s)
Drift Direction
LeftRightAlternate
Reveal Style
Grow from flatFade upSlide in
Works With BB Shapes
TriangleWavyMidpointCircleConcaveEdge SlantDot ClusterTopographyRectangle