Dev Design Library

Streaming Speech Panel

A streaming-TTS status surface: active state (WaveformActivityBars + spinner, synthesizing/playing label, processed-clause count, highlighted now-playing clause box) and finished state (clause-count summary, a generated-locally privacy note.

Streaming Speech Panel preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Install
npx shadcn add @localmode/ui/ui/audio/streaming-speech-panel
Files
  • apps/ui/registry/localmode/audio/streaming-speech-panel/streaming-speech-panel.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