Vibey

Vibey

About Vibey

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

Want more?

Find my works here.