Live Transcription Block

Open-mic streaming speech-to-text (useLiveTranscribe) with VAD-segmented utterances, plus a listen→plan→speak turn-taking assistant (useTurnTaker: Granite 4.0 350M plans, Kokoro speaks) selectable via a two-mode picker. VAD choice: the zero.

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

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

Install

npx shadcn add @localmode/ui/ui/blocks/audio/live-transcription

Files

• apps/ui/src/app/blocks/audio/live-transcription/live-transcription.tsx
• packages/react/src/index.ts
• packages/core/src/index.ts
• packages/transformers/src/index.ts
• apps/ui/registry/localmode/audio/voice-orb/voice-orb.tsx
• apps/ui/registry/localmode/audio/waveform-activity-bars/waveform-activity-bars.tsx
• apps/ui/registry/localmode/input-controls/segmented-mode-picker/segmented-mode-picker.tsx
• apps/ui/registry/localmode/local-first/model-selector/model-selector.tsx

Source

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

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Streaming Text Components
• React Streaming Text Components
• Tailwind CSS Streaming Text Components
• Voice Input Components
• React Voice Input Components
• Tailwind CSS Voice Input Components

More from LocalMode

• Synced Transcript Viewer
• Voice Button
• Audiobook Reader Block
• Voice Notes Block
• RAG Chat Block
• Response
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector