SoundPulse
Audio-reactive physical product presentation with procedural Web Audio synthesizer step-sequencer, 56 radial frequency bars, and bass glow.
On This Page
Pro Objects
SoundPulse
Audio-reactive product presentation stage. Features an embedded procedural Web Audio synthesizer with 8-step sequencer (kick, hi-hat, bassline), 56 radial frequency analyzer bars, bass-reactive atmospheric halo glow, and harmonic scale pulsing. No external audio files required.
npx nexoreui add sound-pulse
Interactive Playground
Studio Acoustics ANC
Configure Props
Synth Tempo (BPM)100 BPM
Usage Examples
1. Studio Acoustics ANC — Neon Violet to Cyan
Default showcase featuring wireless studio headphones with 56 radial frequency bars, bass-driven glow halo, and kick-reactive micro-scaling.
component.tsx
1
2. Acoustic Cylinder Speaker — Amber & Rose Flame
Warm flame harmonics with high-tempo 115 BPM electronic drum pulses driving the radial audio visualizer.
component.tsx
1
3. Biometric Smart Ring — Emerald Laser Bio-Pulse
Low-tempo 88 BPM rhythmic cadence simulating cardiovascular optical telemetry with luminous green accents.
component.tsx
1
4. Cybernetic Smartwatch — Deep Azure & Electric Blue
Clean cybernetic pulse surrounding an aerospace titanium smartwatch with procedural synthesizer bass drops.
component.tsx
1
5. Esports Gamepad Pro — Ultraviolet Overdrive
High-octane 125 BPM synthesizer pulse tuned for competitive gaming hardware showcases.
component.tsx
1
API Reference (Props)
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | required | Transparent PNG image URL of the product silhouette. |
| accentFrom | string | "#8b5cf6" | Gradient start color for radial frequency bars and ambient halo glow. |
| accentTo | string | "#06b6d4" | Gradient end color for radial frequency bars and ambient halo glow. |
| bpm | number | 100 | Tempo in beats per minute driving the procedural Web Audio step sequencer. |
| stageSize | number | string | 460 | Maximum width and height of the 1:1 square stage in pixels. |
| alt | string | "SoundPulse Audio-Reactive Product" | Accessibility image description. |