Dot Matrix audio visualizer

Display frequency levels as columns of illuminated dots. The height of each column changes with the audio.

Audio-reactiveFree templateFully customizable
Press play to see it reactLive preview
Dot Matrix visualizer preview
Sunset DriveOriginal demo · 20-second loop
00:00 / 00:20

Preview settings

Play the demo, then change the settings. Your choices carry into the studio.

Aspect ratio
Accent color
Background color
Use this template
Free to use · No watermark

Dot Matrix overview

Dot Matrix translates the audio spectrum into 48 columns of lights. Each column has fourteen possible steps, with a dim grid remaining behind the active dots. The result has a retro display character while keeping the frequency changes easy to follow.

How it responds to sound

Frequency → illuminated rows

Each column follows a frequency region. Stronger energy lights more dots from the bottom upward.

Grid → stepped movement

Discrete rows give the movement a stepped quality. The dim, unlit dots make the underlying structure visible.

Where this style works well

Beat tapes

The display-like look suits instrumental beats and short producer previews.

Retro electronic music

A warm amber or green palette reinforces the equalizer aesthetic.

High-contrast clips

The simple dot shapes remain recognizable when the video is viewed at a smaller size.

Customize this template

  1. Upload your audio

    Choose “Use this template” above to open the studio with your preview settings. Add your own audio in the Audio panel, then choose the start and end of your clip.

  2. Choose the layout and artwork

    Landscape gives each column space. Start slightly above 1.0×, then lower sensitivity if most of the grid stays lit. Add artwork and a background in Design, then enter a title in Text.

  3. Preview the loudest moment, then export

    Check the color contrast and movement during a strong passage. Export a 720p or 1080p video with your audio, or save a still PNG. Available video formats depend on your browser.

Read the step-by-step guide

Template settings and tips

Preserve the unlit grid

Use a sufficiently dark background so viewers can distinguish the active dots from the dim ones.

Avoid a constant wall of light

Preview the loudest section and reduce sensitivity if every column fills. Variation between columns gives the effect its character.

Template FAQ

Preview, customization, and export details.

How is Dot Matrix different from Classic Bars?

Both use frequency energy. Classic Bars changes the height of continuous bars; Dot Matrix lights a stepped grid of circular dots.

Can I change the number of dots?

The grid dimensions are fixed in this template. You can change its color, sensitivity, glow, background, and output aspect ratio.

Is Dot Matrix free to use?

Yes. This template, the editing controls, and supported exports are free, with no watermark. You need the rights to any audio or artwork you add to your project.

Install AudioVizFree

Open the studio from your home screen or desktop. Once the app is ready offline, you can edit and export local audio without a connection.

Checking offline availability…

iPhone or iPad
Open this site in Safari, tap Share, then Add to Home Screen.

Chrome or Edge
Use Install app when available, or choose the install option in the browser menu.

Safari on Mac
Choose File → Add to Dock.

Projects are not saved when you close the app. Export your work before leaving.

Installation and offline details →