edbnedbn/ui
ComponentsMapsAudioPDF
GitHub stars
Explorer
Audio
Chat
Audio
Display

Installation

Dependencies and registry commands for Audio components.

1

Core Dependencies

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

use-stick-to-bottom — Auto-scroll for chat conversations

streamdown — Streaming markdown renderer with animation

@streamdown/code — Syntax highlighting plugin via Shiki

2

CSS Setup

Streamdown requires Tailwind to scan its distribution files for classes:

styles.css
3 lines
1
2
3
/* In your globals.css or layout CSS */
@source "../node_modules/streamdown/dist/*.js";
@source "../node_modules/@streamdown/code/dist/*.js";

Import the animation styles in your layout:

example.ts
2 lines
1
2
// In your layout or entry point
import "streamdown/styles.css";
3

Optional Dependencies

Orb is a self-contained canvas component. It does not require Three.js, React Three Fiber, remote textures, or extra packages.

Voice, transcript, and markdown components may still need the core dependencies from step 1 depending on which pieces you install.