# sv11-ui

> A component registry for building AI agent interfaces with Svelte 5.

This is an index for LLMs. Every linked page has a clean Markdown version (append `.md` to any docs URL). For the entire documentation in a single file, see https://sv11.ui.twango.dev/llms-full.txt.

## Get Started

- [Introduction](https://sv11.ui.twango.dev/docs.md): A component registry for building AI agent interfaces with Svelte 5.
- [Setup](https://sv11.ui.twango.dev/docs/setup.md): Getting started with sv11-ui.
- [Usage](https://sv11.ui.twango.dev/docs/usage.md): How to use sv11-ui components in your SvelteKit application.
- [Providers](https://sv11.ui.twango.dev/docs/providers.md): Provider-agnostic adapter interfaces for wiring sv11 components to any backend.
- [Theming](https://sv11.ui.twango.dev/docs/theming.md): Customize sv11-ui components using CSS variables and component-level color props.
- [Colors](https://sv11.ui.twango.dev/docs/colors.md): The semantic color tokens sv11-ui components are built on.
- [Dark Mode](https://sv11.ui.twango.dev/docs/dark-mode.md): Add light and dark themes to a sv11-ui project with mode-watcher.
- [Troubleshooting](https://sv11.ui.twango.dev/docs/troubleshooting.md): Common issues when installing and using sv11-ui components.
- [Changelog](https://sv11.ui.twango.dev/docs/changelog.md): Release history for sv11-ui, auto-generated from conventional commits.
- [llms.txt](https://sv11.ui.twango.dev/docs/llms.md): Machine-readable documentation for LLMs and AI coding tools.

## Adapters

- [Adapters](https://sv11.ui.twango.dev/docs/adapters.md): Recipes for wiring common voice and transcription providers into sv11 components.
- [Custom](https://sv11.ui.twango.dev/docs/adapters/custom.md): Build a ConversationAdapter against your own backend.
- [ElevenLabs](https://sv11.ui.twango.dev/docs/adapters/elevenlabs.md): Wrap the @elevenlabs/client SDK in a ConversationAdapter.

## Components

- [Components](https://sv11.ui.twango.dev/docs/components.md): Browse the available components in sv11-ui.
- [Audio Player](https://sv11.ui.twango.dev/docs/components/audio-player.md): A composable audio playback component with play/pause, seek, time display, and playback speed controls.
- [Bar Visualizer](https://sv11.ui.twango.dev/docs/components/bar-visualizer.md): Audio frequency band visualizer with agent state animations. Renders a row of animated bars driven by a MediaStream via Web Audio's AnalyserNode, with built-in demo mode.
- [Conversation](https://sv11.ui.twango.dev/docs/components/conversation.md): A scroll-aware chat container that auto-sticks to the bottom as new messages stream in.
- [Conversation Bar](https://sv11.ui.twango.dev/docs/components/conversation-bar.md): A compact conversation input bar with voice and text modes. Provider-agnostic — pass a ConversationAdapter wired to ElevenLabs, OpenAI Realtime, or any voice/chat backend.
- [Live Waveform](https://sv11.ui.twango.dev/docs/components/live-waveform.md): Real-time canvas-based audio waveform visualizer with microphone input and customizable rendering modes.
- [Matrix](https://sv11.ui.twango.dev/docs/components/matrix.md): Retro dot-matrix LED display with circular cells and smooth animations. Supports static patterns, animated frame sequences, and VU meter mode.
- [Message](https://sv11.ui.twango.dev/docs/components/message.md): A chat message component with avatar and content slots.
- [Mic Selector](https://sv11.ui.twango.dev/docs/components/mic-selector.md): Dropdown for selecting an input audio device with mute toggle and live waveform preview of the selected microphone.
- [Orb](https://sv11.ui.twango.dev/docs/components/orb.md): A 3D animated orb with audio reactivity, custom colors, and agent state visualization built with Three.js.
- [Response](https://sv11.ui.twango.dev/docs/components/response.md): A streaming-friendly text response component for AI agent output.
- [Scrub Bar](https://sv11.ui.twango.dev/docs/components/scrub-bar.md): An audio timeline scrubber with progress, draggable thumb, and time labels.
- [Shimmering Text](https://sv11.ui.twango.dev/docs/components/shimmering-text.md): An animated shimmering text effect, ideal for loading and "thinking" states.
- [Speech Input](https://sv11.ui.twango.dev/docs/components/speech-input.md): A compact speech-to-text input component with a provider-agnostic transcription adapter. Ships with a Web Speech API adapter for demos; users supply their own for ElevenLabs Scribe, Deepgram, or other providers.
- [Transcript Viewer](https://sv11.ui.twango.dev/docs/components/transcript-viewer.md): Synchronized transcript with audio playback. Highlights each word as it's spoken, supports seeking via scrub bar, and exposes a compound-component API with provider-agnostic character-alignment data.
- [Voice Button](https://sv11.ui.twango.dev/docs/components/voice-button.md): Stateful button with integrated live waveform feedback for voice recording, success/error states, and keyboard shortcut slots.
- [Voice Picker](https://sv11.ui.twango.dev/docs/components/voice-picker.md): A searchable voice selector with audio preview and Orb visualization. Provider-agnostic — pass any voices matching the Voice interface from ElevenLabs, OpenAI, Cartesia, or a custom backend.
- [Waveform](https://sv11.ui.twango.dev/docs/components/waveform.md): Canvas-based audio waveform visualization components with recording, playback scrubbing, and microphone input support.