Dev Design Library

Transcribed Note Card

A transcription list item pairing transcript text with inline <audio> playback — relative timestamp (hover -> absolute), transcribed body, and a hover-revealed delete — plus a transcribing… placeholder variant (WaveformActivityBars + label)

Transcribed Note Card preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Install
npx shadcn add @localmode/ui/ui/audio/transcribed-note-card
Files
  • apps/ui/registry/localmode/audio/transcribed-note-card/transcribed-note-card.tsx
  • apps/ui/src/lib/browser-utils.ts
  • 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