Voice Button
A press-to-record / release-to-transcribe push-to-talk button with an explicit visual state machine: idle -> recording (pulse rings + live waveform) -> processing (loader) -> success/error. Recording uses getUserMedia/MediaRecorder (useVoic.
- Library
- LocalMode
- Framework
- React
- Type
- component
- License
- MIT
- Install
npx shadcn add @localmode/ui/ui/audio/voice-button- Files
apps/ui/registry/localmode/audio/voice-button/voice-button.tsxapps/ui/registry/localmode/lib/utils.tsapps/ui/registry/localmode/audio/waveform-activity-bars/waveform-activity-bars.tsx
- Source
- https://github.com/LocalMode-AI/LocalMode
Categories
- Action Components
- React Action Components
- Tailwind CSS Action Components
- Animated Action Components
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Animated AI Element Components
- Button Components
- React Button Components
- Tailwind CSS Button Components
- Animated Button Components