# Magenta-to-cyan audio spectrum bars

> An 18-second audio visualizer: 32 rounded, glowing bars in a magenta-to-cyan gradient on a near-black background, set to a funk track. One prompt names the composition, the audio file, and which settings should stay adjustable afterward.

- Page: https://meetreference.com/v/32-bar-magenta-to-cyan-audio-spectrum/
- Exact prompt as plain text: https://meetreference.com/v/32-bar-magenta-to-cyan-audio-spectrum/prompt.txt
- Made with: OpenCode
- Model: Claude Opus 4.5
- Built with: Remotion
- Skills or plugins: Remotion Agent Skills
- Style: Music videos; audio visualizer, spectrum bars, neon gradient, glow, dark, minimal
- Length and format: 18 sec, 16:9 (1920x1080 source)
- Shared by samohovets in Remotion Prompt Showcase (Website), Feb 6, 2026: https://www.remotion.dev/prompts/audio-spectrum-visualizer
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in OpenCode with Claude Opus 4.5, or the closest equivalent you have.
2. Set up what the prompt expects: A Remotion project (npx create-video@latest); Remotion Agent Skills, which include remotion-best-practices (npx skills add remotion-dev/skills); An audio file at public/funk.mp3, or change the file name in the prompt.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Change the track ("funk.mp3") and the look words: "32 vertical frequency bars", "gradient from magenta to cyan", and "glossy dark surface". The line "allow changing the bar count, gradient colors, bar width, and glow intensity" asks for those to be adjustable settings.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
Create a 1920x1080 dark-themed composition called 'AudioSpectrum' featuring an audio spectrum visualizer synced to funk.mp3 from the public folder, displaying 32 vertical frequency bars that bounce and pulse reactively to the bass, mids, and highs, with a vibrant gradient from magenta to cyan across the bars, each bar having a subtle glow effect and smooth rounded tops, the bars reflecting faintly on a glossy dark surface below, centered horizontally with gentle horizontal padding, the whole visualization fading in smoothly at the start, duration matching the full audio length at 30fps — allow changing the bar count, gradient colors, bar width, and glow intensity — use remotion-best-practices skill."
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A single row of 32 glowing, round-topped bars in a magenta-to-cyan gradient on a near-black background, taller at the bass end on the left.

- Color: Near-black background with hot magenta at the left shading through violet and periwinkle to bright cyan at the right, each bar with a soft glow in its own color.
- Type: No text.
- Framing: The bars span the frame with even gaps and a margin at each side, standing on a shared baseline low in the frame. The upper half stays empty, and no reflection is visible below the baseline, although the prompt asks for one.
- Structure: The same layout in every frame; only the bar heights change, with the left-hand bars almost always the tallest.

Storyboard, nine frames spread across the video: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/storyboard.webp

- Frame 1 at 1.0s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f1.webp
- Frame 2 at 2.9s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f2.webp
- Frame 3 at 4.9s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f3.webp
- Frame 4 at 6.9s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f4.webp
- Frame 5 at 8.8s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f5.webp
- Frame 6 at 10.8s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f6.webp
- Frame 7 at 12.8s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f7.webp
- Frame 8 at 14.7s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f8.webp
- Frame 9 at 16.7s: https://meetreference.com/media/32-bar-magenta-to-cyan-audio-spectrum/f9.webp

## Links

- Watch: https://www.remotion.dev/prompts/audio-spectrum-visualizer
- Original post: https://www.remotion.dev/prompts/audio-spectrum-visualizer