Shadcn.io is not affiliated with official shadcn/ui
React AI Transcription
React AI transcription component for displaying audio/speech transcriptions with synchronized highlighting
Display audio transcriptions with word-level timing—perfect for voice AI interfaces, podcast transcripts, or meeting notes. Each segment highlights as audio plays, with clickable text to seek. Pass currentTime from your audio player and segments will light up in sync. Past text dims, current text highlights in primary color, future text stays muted. Great for accessibility and content review.
Transcription preview
Scroll to load preview
Installation
Related Components
React AI Audio Player
Audio playback controls
React AI Speech Input
Voice recording button
React AI Message
Chat message bubbles
React AI Reasoning
Thinking process display
React AI Artifact
Generated content container
React AI Terminal
Command output display