Animated Separator
20 SVG separator shapes with drift, reveal, and morph animations. Respects reduced motion preferences.
20
Shapes
3
Animations
0
Dependencies
01
Variation 01
Wave + Drift
Wave shape with continuous drift animation at speed 10. The classic section divider.
separator_shape=wave
animation_mode=drift
drift_speed=10
color=#ffffff
02
Variation 02
Triangle + Reveal
Triangle shape revealed on scroll. The separator slides into view as you scroll past.
separator_shape=triangle
animation_mode=scroll-reveal
color=#ffffff
03
Variation 03
Clouds + Morph
Organic cloud shape with wave-morph animation. Soft, flowing edge transitions.
separator_shape=clouds
animation_mode=wave-morph
color=#ffffff
04
Variation 04
Mountains + Drift
Mountain silhouette with drift at speed 8. Dark color creates a dramatic horizon line.
separator_shape=mountains
animation_mode=drift
drift_speed=8
color=#0f172a
05
Variation 05
Zigzag + Drift Fast
Geometric zigzag with fast drift at speed 20. Sharp edges and rapid motion.
separator_shape=zigzag
animation_mode=drift
drift_speed=20
color=#0f172a