---
title: "Audio Waveform — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Players. Animated equalizer bars"
canonical: "https://framer.elliotli.dev/component/audio-waveform"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Audio Waveform

# Audio Waveform

Animated equalizer bars

[View on Framer](https://framer.com/marketplace/components/audio-waveform/?via=elliot-li)

![Audio Waveform preview image 1](https://framer.elliotli.dev/og/component/audio-waveform/857b76bac9048074/1600x1200.jpg)

## Summary

Animated equalizer bars

## Description

Shape comes in four options: rounded, line, dot, or tapered. Mirror mode splits bars from the center outward; turn it off and they rise from the bottom. Edge fade shortens bars toward the sides so the waveform tapers naturally instead of cutting off hard.

Each bar gets a two-color gradient — Color A to Color B — with optional glow. Speed and smoothing let you dial it from twitchy to slow and liquid. Bar count goes from 6 to 80, and you can control width, gap, and min/max height.

Liquid Glass mode wraps the whole thing in a frosted container: backdrop blur, subtle border, specular highlights. Tint color, blur amount, and border opacity are all configurable.

On the Framer canvas or when reduced motion is active, it renders a static CSS fallback instead of the canvas animation.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2055

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-03-31
- **Updated**: 2026-03-30
- **Added**: 2026-03-06
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.