Equalizer loader
Five rounded bars rising and falling out of sync, like the level meter of a music player.
Settings
Code
<div class="ul-eq"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Loaders
Where to use it
An equalizer loader instantly says “audio”. Use it while a streaming site buffers a track, when a podcast player fetches an episode or while a voice memo app processes a recording. Shrink it down next to a song title and it also works as a “now playing” indicator in a playlist or a radio station’s web player.
Outside audio it can confuse people, since moving bars usually mean sound. If you use it as a playing indicator, stop or hide it when the music pauses. The bars fade from the second color to the main one, so a warm and cool pair looks lively.