Vector path animation for Framer.

About this component

Make any vector path come alive with movement, color, and sound.

Hover or touch and watch the lines ripple, bend, and glow with a soft animated pulse. Perfect foor abstract moments that need more motion and personality.

Use one of the built-in presets, or upload your own SVG to turn any shape into a living graphic. Completely customizable animation, colors, and sound.

Properties

• Shape – choose between built-in presets or upload your own SVG

• Animation Style – control the character of the motion

• Colors – layer multiple colors for richer blends

• Thickness – adjust the stroke weight of the lines

• Amplitude – control how far the wave motion pushes the shape

• Frequency – adjust the density of the wave pattern

• Speed – control how fast the animation moves

• Hover Radius – change how much of the shape reacts to movement

• Glow – add a soft blurred glow behind the lines

• Blend Mode – change how layered colors interact

• Background – toggle the background on or off and choose its color

• Hover Sound – optionally add sound on hover for a more immersive feel

Questions?

If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com