Waveform
About

Waveform is a Framer component that draws an animated waveform. You can use it as a decorative element or to represent audio, with adjustable amplitude, speed and color.

Add it from the Framer Marketplace, or copy the link into your project, and drop it on the canvas. In the property controls you set bar colors, background color, bar width and spacing, and a play or pause animation style. Upload an audio file to get a real-time visualization. It’s free. Place it behind a heading, or use it next to an audio player.

Included
  • Bar colors

  • Background color

  • Play/pause animation style

  • Bar width and spacing

  • Audio file upload

  • Real-time visualization

Category

Waveform

An animated waveform visualization component. Works as a decorative element or to represent audio — adjustable amplitude, speed, and color.