Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
A compact audio playback button that expands to reveal an animated frequency visualizer and elapsed time counter. Features smooth layout animations and supports custom audio sources.
Key Features:
| Prop | Type | Default | Description |
|---|---|---|---|
audioSrc | string | undefined | URL of audio file to play |
bars | number | 12 | Number of frequency bars to display |
onStart | () => void | undefined | Callback when playback starts |
onStop | () => void | undefined | Callback when playback stops |
className | string | undefined | Additional CSS classes |
The button has two visual states:
The frequency bars create a dynamic waveform effect:
The component manages audio playback internally:
audioSrc is provided