Audioreactive Logo

Trace any logo into glowing outlines that zigzag, pulse, echo and spark with your music, with spectrum bars growing out of its outer edge.

Open Audioreactive Logo ↗

Default demo track · live audio-reactive settings

Audioreactive Logo makes audio-reactive visuals from your PNG, JPG or SVG artwork. Choose glowing outlines, solid 3D forms or logo-shaped particles, then use music, dragging and spin to animate the artwork. Add fire, trails and frequency regions, save a look, and use the same visualizer in Studio.

Open Audioreactive Logo

Launch the visualizer with its matching left-nav entry selected.

Controls appear when they apply

Trace controls appear for PNG and JPG logos. Echo, bar, and spark settings appear once each is turned on, and color controls follow the chosen color mode. Hidden controls keep their values.

Looks

Classic Zigzag is the glowing outline with traveling zigzags. Spectrum Edges grows a prism spectrum out of the logo's outer edge. Neon Echoes sends magenta echoes outward on every beat. Rainbow Sweep runs a rainbow along the outline behind a rotating sweep and sparks. Spark Storm lights whole letters on the beat and throws bursts of sparks. EQ Stage stands the logo over an equalizer row. Particle Identity keeps the artwork readable, Signal Particles adds displacement and a steady particle stream, and Logo Inferno surrounds the particle logo with fire. Looks never replace your logo.

Quick start

Start the demo track, choose a local audio file, or enable a live input.
Try a preset or style first, then open the section for the part of the image you want to change.
On a control with Assign modulation, open the source picker, choose a signal, and watch the slider's live fill.
Use Reset to Defaults whenever you want to return to the original look.

Presets and styles

Classic Zigzag · Spectrum Edges · Neon Echoes · Rainbow Sweep · Spark Storm · Eq Stage · Solid Orbit · Solid Sculpt · Particle Identity · Particle Orbit · Bass Dissolve · Beat Cloud · Signal Orbit · Signal Particles · Logo Inferno

Audio modulation

On a control with Assign modulation, select the activity icon to open Modulate with. Choose a named source, or choose — None to leave the control unmodulated. After you assign one, its name appears below the slider; select that name to edit the route, or use Clear modulation to remove it. The slider track shows the live signal reaching the control.

Modulated control	Section	What the route changes
Surface Motion	Shape	Sets how quickly surface motion changes or moves.
Particle Motion	Particle Formation	Sets how quickly particle motion changes or moves.
Particle Shedding	Emission & Decay	Sets how many particles break away from the logo and drift off before fading out; 0 sheds none. Available when Logo Form is Particles.
Music Dispersion	Dispersion	Sets how strongly the music blows the logo particles apart, so louder sound scatters them further. Available when Logo Form is Particles.
Amount	Outline Sparks	Sets how many sparks fly.
Logo Fire	Fire	Sets how much flame streams off the particle logo; 0 turns the fire off. Available when Logo Form is Particles.
Zigzag Amount	Zigzag	Sets how far the outline zigzags. Small letters move proportionally less so the logo stays readable.
Zigzag Speed	Zigzag	Sets how fast the zigzag travels along the outline.
Drift	Advanced	Sets how fast the moving stretches, sweep and scan travel. Negative values reverse them.
Hue Speed	Color and Glow	Sets how fast Rainbow and Autohue colors move.
Brightness Pulse	Color and Glow	Dims the logo in quiet passages and lets it flare with the music and on beats. Follows the volume by default.
Line Width	Color and Glow	Sets the thickness of the glowing line.
Glow	Color and Glow	Sets the strength of the bloom around everything.
Echo Distance	Echoes	Sets how far echoes travel before they fade. Follows the bass by default.
Bar Length	Bar Geometry	Sets how far the bars reach at full level.
Waveform	Audio	Sets how much the live waveform ripples along each shape.
Spectrum Push	Audio	Pushes the outline outward with the spectrum, bass to treble around each shape.
Spin Speed	Rotation	Sets how quickly spin changes or moves.

Settings reference

Logo

Setting	Available values	What it changes
Logo	Image upload	Drop or choose a PNG, JPG, or SVG. Transparent PNG backgrounds and SVG shapes are kept. Your logo stays in this browser and is saved with your settings and Studio project; look links leave it out. Remove it to return to the BeamTracer mark.
Trace Style	OUTLINE, CENTERLINE	Outline traces around every filled shape. Centerline traces down the middle of thin strokes, which suits line-art logos. Shown for PNG and JPG logos.
Trace Colors	2–16	Sets how many colors the trace separates. Raise it for logos with many colors; lower it to merge similar shades.
Curve Tolerance	0.1–4	Sets how closely the trace follows curves. Lower values keep more detail; higher values smooth rough edges.
Remove Speckles	0–100	Removes small specks and noise from the trace.
Outline Detail	0.4–2	Sets how finely the outline is drawn. Higher values give the zigzag more points to move.

Shape

Setting	Available values	What it changes
Logo Form	OUTLINE, SOLID, PARTICLES	Chooses the logo form mode or style.
Thickness	0.02–1	Sets the visible thickness.
Surface Motion	0–0.4	Sets how quickly surface motion changes or moves. Use Assign modulation to choose a source.

Particle Formation

Setting	Available values	What it changes
Logo Particle Count	500–8000	Sets how many visible elements are drawn.
Logo Particle Size	0.008–0.05	Sets the visible logo particle size.
Particle Fill	SURFACE, EDGES	Chooses the particle fill mode or style.
Particle Motion	0–0.4	Sets how quickly particle motion changes or moves. Use Assign modulation to choose a source.

Displacement & Return

Setting	Available values	What it changes
Audio Displacement	On / Off	Turns audio displacement on or off.
Curl Return	On / Off	Turns curl return on or off.
Return Pull	0.2–2	Sets how strongly displaced particles are pulled back to their place in the logo; higher values snap them home faster. Available when Curl Return is on.
Return Curl	0–1	Sets how much particles swirl in loops on their way back to the logo, with livelier swirling on louder music. Available when Curl Return is on.

Emission & Decay

Setting	Available values	What it changes
Continuous Emission	On / Off	Turns continuous emission on or off.
Emission Rate	0–1	Sets how quickly emission changes or moves.
Particle Shedding	0–1	Sets how many particles break away from the logo and drift off before fading out; 0 sheds none. Available when Logo Form is Particles. Use Assign modulation to choose a source.
Decay Time	0.2s–3s	Sets how long decay remains visible.
Flyaway Speed	0.1–1.2	Sets how quickly flyaway changes or moves.

Dispersion

Setting	Available values	What it changes
Disperse / Reassemble	0–1	Sets how far the logo particles are scattered from their places in the artwork, from fully assembled at 0 to fully dispersed at 1. Available when Logo Form is Particles.
Music Dispersion	0–1	Sets how strongly the music blows the logo particles apart, so louder sound scatters them further. Available when Logo Form is Particles. Use Assign modulation to choose a source.

Outline Sparks

Setting	Available values	What it changes
Particles	OFF, SPARKS, BEAT BURSTS, BOTH	Adds sparks. Sparks fly off wherever the outline moves; Beat Bursts throw a burst from the whole logo on each beat.
Amount	0–1	Sets how many sparks fly. Use Assign modulation to choose a source.
Size	0.2–4	Sets the size of each spark.
Speed	0.1–4	Sets how fast sparks fly.
Life	0.2s–4s	Sets how long sparks last.

Fire

Setting	Available values	What it changes
Logo Fire	0–1	Sets how much flame streams off the particle logo; 0 turns the fire off. Available when Logo Form is Particles. Use Assign modulation to choose a source.

Zigzag

Setting	Available values	What it changes
Where It Moves	SEGMENTS, ALL, OUTER, CORNERS, TOP, BOTTOM, LEFT, RIGHT, SWEEP, SCAN, LETTERS	Chooses where the zigzag moves: traveling Segments on every shape, All of it, Outer shapes only, Corners, the Top, Bottom, Left or Right of the logo, a rotating Sweep, a Scan across it, or whole Letters that light up on the beat.
Zigzag Amount	0–0.6	Sets how far the outline zigzags. Small letters move proportionally less so the logo stays readable. Use Assign modulation to choose a source.
Zigzag Speed	0–4	Sets how fast the zigzag travels along the outline. Use Assign modulation to choose a source.

Advanced

Setting	Available values	What it changes
Zigzag Density	3–200	Sets how many zigzags fit along the outline.
Roundness	0–1	Rounds the zigzag from sharp points to smooth waves.
Depth	0–3	Pushes moving stretches toward and away from you for a 3D feel.
Coverage	0–1	Sets how much of the chosen area moves at once.
Segment Count	1–16	Sets how many moving stretches or sweep beams there are.
Soft Edges	0–0.5	Softens the edges of the moving stretches.
Segment Phase	0–1	Shifts where the moving stretches start.
Drift	-2–2	Sets how fast the moving stretches, sweep and scan travel. Negative values reverse them. Use Assign modulation to choose a source.
Corner Stability	0–1	Holds the corners still so the logo keeps its shape. Zero lets corners move too.
Smoothing	0.5–0.99	Sets how smoothly the outline follows the music. Higher values glide; lower values snap.

Color and Glow

Setting	Available values	What it changes
Color	LOGO, SOLID, RAINBOW, AUTOHUE, HEAT	Logo keeps the artwork's own colors (black ink draws white). Solid uses one color, Rainbow flows along the outline, Autohue cycles colors over time, and Heat burns brighter where the outline moves.
Color	LOGO, SOLID	Logo keeps the artwork's own colors (black ink draws white). Solid uses one color, Rainbow flows along the outline, Autohue cycles colors over time, and Heat burns brighter where the outline moves.
Line Color	Color	The line color for Solid and Heat.
Hue Speed	0–2	Sets how fast Rainbow and Autohue colors move. Use Assign modulation to choose a source.
Rainbow Spread	0.25–6	Sets how many rainbows fit across the logo.
Color Shift	0–1	Brightens and shifts the hue of stretches that are moving.
Brightness Pulse	0–1	Dims the logo in quiet passages and lets it flare with the music and on beats. Follows the volume by default. Use Assign modulation to choose a source.
Line Width	0.5–30	Sets the thickness of the glowing line. Use Assign modulation to choose a source.
Halo	0–1	Adds a soft wide glow under the line.
Glow	0–3	Sets the strength of the bloom around everything. Use Assign modulation to choose a source.
Glow Radius	0–1	Sets how far the bloom spreads.
Background Opacity	0–1	Fades the black background so the logo can sit over other layers, such as in Studio.

Echoes

Setting	Available values	What it changes
Echoes	OFF, ON BEAT, STEADY	Adds copies of the logo that pulse outward: On Beat sends one with each beat, Steady sends them at an even rate.
Echo Shapes	OUTER EDGE, EVERY SHAPE	Outer Edge echoes the logo's outermost outline as one clean ripple. Every Shape echoes every letter and shape.
Echo Layer	BEHIND LOGO, OVER LOGO	Behind Logo keeps echoes behind the artwork so it stays readable. Over Logo lets them glow across it.
Echo Count	1–8	Sets how many echoes can be on screen at once.
Echo Distance	0–2	Sets how far echoes travel before they fade. Follows the bass by default. Use Assign modulation to choose a source.
Echo Life	0.2s–4s	Sets how long each echo lasts.
Echo Rate	0.2/s–8/s	Sets how many echoes Steady sends each second.

Spectrum Bars

Setting	Available values	What it changes
Bars	OFF, LOGO EDGES, HALO, ELLIPSE, CIRCLE, ROW	Adds spectrum bars. Logo Edges grows them straight out of the logo's outermost edge. Halo, Ellipse, and Circle surround the logo, and Row places an equalizer row above or below it.

Placement

Setting	Available values	What it changes
Row Position	ABOVE, BELOW	Places the Row layout's equalizer above or below the logo.
Flip Vertical	On / Off	Turns the bars upside down: a row hangs from its band instead of standing in it, and bars around the logo point inward.
Flip Horizontal	On / Off	Mirrors the bars left to right, so a Sweep runs the other way.
Rotation	-180°–180°	Rotates the whole set of bars around the center of the logo.
Offset X	-1.5–1.5	Moves the whole set of bars left or right.
Offset Y	-1.5–1.5	Moves the whole set of bars up or down.

Bar Geometry

Setting	Available values	What it changes
Bar Count	16–256	Sets how many bars there are.
Bar Length	0.05–2	Sets how far the bars reach at full level. Use Assign modulation to choose a source.
Bar Width	0.1–1	Sets how wide each bar is compared with the space it has.
Bar Gap	0–1	Sets the gap between the logo and the base of the bars.

Bar Response

Setting	Available values	What it changes
Frequencies	MIRROR, SWEEP	Mirror places bass at the bottom and treble at the top on both sides. Sweep runs from bass to treble once around.
Bar Color	GRADIENT, MATCH LINE	Gradient colors the bars like the Spectrum Analyzer. Match Line uses the color of the outline beside each bar.
Gradient	Classic, Prism, Rainbow, Ember, Steel, Matrix, Amber	Chooses the bar gradient.
Peak Caps	On / Off	Adds peak caps that hold, then fall.

Audio

Setting	Available values	What it changes
Frequency Regions	On / Off	Turns frequency regions on or off.
Region Direction	LEFT TO RIGHT, BOTTOM TO TOP	Chooses the region direction mode or style.
Waveform	0–1.5	Sets how much the live waveform ripples along each shape. Use Assign modulation to choose a source.
Spectrum Push	0–0.6	Pushes the outline outward with the spectrum, bass to treble around each shape. Use Assign modulation to choose a source.
Audio Gate	0–1	At one, the zigzag only moves with the music and rests in silence. At zero it moves on its own.
Sensitivity	0–3	Sets how strongly the logo responds to the music.
Response	0–1	Sets how quickly the response follows changes in the music.

Motion

Setting	Available values	What it changes
3D Sway	0–1	Gently turns the logo in 3D.

Rotation

Setting	Available values	What it changes
Rotate X	-180°–180°	Tilts the logo forward or back around its horizontal axis, from -180 to 180 degrees.
Rotate Y	-180°–180°	Turns the logo left or right around its vertical axis, from -180 to 180 degrees.
Rotate Z	-180°–180°	Rolls the logo clockwise or counterclockwise in the plane of the screen, from -180 to 180 degrees.
Spin Axis	OFF, X, Y, Z	Chooses the spin axis mode or style.
Spin Speed	-0.5rev/s–0.5rev/s	Sets how quickly spin changes or moves. Use Assign modulation to choose a source.

Camera

Setting	Available values	What it changes
Zoom	0.5–2	Tightens or opens the framing.

Some controls appear only after you enable a related mode or style. The settings panel always reflects the options available for the current selection.

Tips for a better audio visualization

Assign different bands to structure, motion, and light instead of routing every control to Volume.
Try assigning Bass to Surface Motion, then compare Mid, High, and Volume while the demo track plays. The slider's live fill shows the signal reaching that control.

Audioreactive Logo

Open Audioreactive Logo

On this page