The controls.
Everything you can customize in Pop Animation, all in one place.
CONTENT & LAYOUT
Elements
Connect any number of Framer components, buttons, stacks or icons.
Start
Visible · Hidden
Arrange
Vertical · Horizontal · Scatter
Start Gap
0–40 px · Default 3 px
ANIMATION
Trigger
On Load · In View · Hover · Click
Start Delay
0–10 s · Default 0 s
Pop Origin
Top · Center · Bottom
Interval
0.045–0.75 s · Default 0.18 s
Pop Force
0–1.5 · Default 0.32
Bounce
0–0.8 · Default 0.12
ARRANGEMENT & FILL
Edge Gap
0–14 px · Default 2 px
Rotation
0–45° · Default 14°
Fill Density
40–100% · Default 79%
Max Pieces
10–200 · Default 95
Variation
1–999 · Default 1. Changes the random pattern used for rotation, pop direction, and distribution. Try another number for a different arrangement without changing your elements.
INTERACTION
Reduced Motion
Follow System · Full Motion · Static. Static shows one copy of each original element without animation.
Magnetic Hover
On · Off
Magnet Range
40–300 px · Default 125 px
Magnet Strength
0–2 · Default 0.32
Draggable
On · Off
Links Active
On · Off