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.
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