edbnedbn/ui
ComponentsMapsAudioPDF
GitHub stars
Explorer
Audio
Chat
Audio
Display
24 components

Audio

React components for chat interfaces, voice interactions, and real-time audio visualization. Built on Streamdown, use-stick-to-bottom, and the Web Audio API. Distributed via the shadcn registry.

Install

terminal
1 lines
1
npm install use-stick-to-bottom streamdown @streamdown/code

Each component is standalone. Install only what you use.

Component Categories

Chat

8

Message bubbles, conversation containers, streaming responses, chat input, thinking indicators, prompt suggestions, and feedback.

MessageConversationResponseChatInputThinkingIndicatorPromptSuggestionsFeedbackTokenCounter

Audio

8

Audio player, scrub bar, live waveform, bar visualizer, static waveform, audio recorder, mic selector, and voice button.

AudioPlayerScrubBarLiveWaveformBarVisualizerWaveformAudioRecorderMicSelectorVoiceButton

Advanced

6

Code block with syntax highlighting, markdown renderer, shimmering text, speech input, conversation bar, and transcript viewer.

CodeBlockShimmeringTextSpeechInputConversationBarTranscriptViewerVoicePicker

Visual

2

Canvas agent orb with organic state motion and an SVG dot-matrix display with animation frames.

OrbMatrix