Sound Wave
A kinetic audio frequency visualizer with 32 dynamic equalizer bars, falling peak gravity caps, interactive cursor string excitation, and play/pause controls.
- 4 KB .bexode
- 6 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// sound-wave.bexode goes in /public (download it below)
export function SoundWave() {
return (
<ExodeUICanvas
src="/sound-wave.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'playback'
}}
style={{ width: '100%', height: 360 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | Kinetic Audio Visualizer | — |
track | Text | EXODE SYNTHWAVE // 128 BPM | — |
speed | Number | 1 | 0.1 – 4 |
accent | Text | #ec4899 | hex colour |
accent2 | Text | #8b5cf6 | hex colour |
bg | Text | #08080d | hex colour |
Events (via onTrigger): playback