Voice Explorer Block

Browse, search, preview, and A/B-compare all 29 Kokoro voices (grouped by language label; play/stop preview where starting one preview stops the previous; sequential A→B synthesis over shared text with a cancel). Kokoro (~86MB) downloads on.

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

@localmode/core, @localmode/react, @localmode/transformers

Install

npx shadcn add @localmode/ui/ui/blocks/audio/voice-explorer

Files

• apps/ui/src/app/blocks/audio/voice-explorer/voice-explorer.tsx
• packages/react/src/index.ts
• packages/core/src/index.ts
• packages/transformers/src/index.ts
• apps/ui/registry/localmode/audio/voice-picker/voice-picker.tsx
• apps/ui/registry/localmode/audio/voice-comparison-panel/voice-comparison-panel.tsx
• apps/ui/registry/localmode/audio/audio-scrub-player/audio-scrub-player.tsx
• apps/ui/registry/localmode/local-first/model-loading-panel/model-loading-panel.tsx

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Audio Player Components
• Comparison Table Components
• React Comparison Table Components
• Tailwind CSS Comparison Table Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Media Components
• React Media Components

More from LocalMode

• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Transcribed Note Card
• Voice Comparison Panel
• Voice Picker
• Audiobook Reader Block
• GGUF Explorer Block
• Vector Data Manager Block
• Model Cache Table
• Language Pair Selector
• Model Comparison Panel