Vibey

Vector path animation.

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 [email protected]

Want more?

Find my works here.