# bars × # audio

Animations⚛ TSX Live preview

Live Audio Equalizer Bars

Twenty-two bars driven by layered sine waves for organic motion — hover boosts the energy.

6.2k33.8k6.6kOpen

Animations⚛ TSX Live preview

Audio waveform equalizer

48-bar equalizer that dances while playing — simulated audio bars with randomized timing, play/pause toggle.

35500Open

Equalizer Bars Loader · Rose Gold

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Rose Gold palette.

51400Open

Equalizer Bars Loader · Ocean Sky

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Ocean Sky palette.

43800Open

Equalizer Bars Loader · Mint Breeze

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Mint Breeze palette.

77000Open

Equalizer Bars Loader · Candy Pink

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Candy Pink palette.

18200Open

Equalizer Bars Loader · Royal Gold

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Royal Gold palette.

63000Open

Equalizer Bars Loader · Crimson Heat

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Crimson Heat palette.

50200Open

Equalizer Bars Loader · Deep Indigo

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Deep Indigo palette.

69900Open

Equalizer Bars Loader · Aurora Teal

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Aurora Teal palette.

25700Open

Animations Live preview

Equalizer Bars

Audio equalizer bars with randomized bounce.

HTMLCSSSimple

000Open

Equalizer Bars Slider

Vertical sliders styled as an equalizer that animate together.

000Open

Animations⚛ TSX Live preview

Audio Waveform Visualizer

Symmetric bars waving like a live audio visualizer.