Waveform Visualizer

Audio Player - Free!

About this Component The waveform create an organic, reactive looking display that gives the impression of a live visualizer. Controls include play/pause, a seekable progress bar, time display, mute toggle, and a volume slider. It drops straight into your Framer project and every visual property is editable directly from the right panel. No code required after install. How to Use Audio File : upload a file through Framer's picker (supports .mp3, .wav, .ogg, .aac, .m4a) Audio URL : paste a direct link to a public audio file Title : add track or episode name displayed above the waveform Description : add artist, subtitle, or any secondary text below the title Bar Count : add number of waveform bars (8–128) Bar Radius : add corner rounding on each bar (0–10) Bass / Low-Mid / High-Mid / Treble : add waveform color gradient mapped left to right across the bars Text : add title and description text color Background : add player background color Accent : add play button, seek fill, and volume thumb color Component Settings Component settings I actively maintain and update this component. If you have a feature request, please reach out.

Audio Player - Free!