Dev Design Library

Voice Picker

Language-grouped TTS voice selection from one KokoroVoice[] contract — a compact grouped <select> (VoicePicker) plus rich VoiceCard / VoiceGrid variants with a color-coded gender badge, monospace voice id, a circular play/stop preview butto.

Voice Picker preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/audio/voice-picker
Files
  • apps/ui/registry/localmode/audio/voice-picker/voice-picker.tsx
  • apps/ui/registry/localmode/lib/utils.ts
  • apps/ui/registry/localmode/audio/waveform-activity-bars/waveform-activity-bars.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode