design-infraReport a problem or share feedback← Catalog
Voice Glow
curatedfreelibrariesdev/voice-glow
Sound-reactive colourful glow along the bottom edge that blooms with voice intensity.
$
pnpm add voice-glownpm deps: voice-glow
Our notes
Voice-mode UIs: pair with a mic level stream.- Source
- libraries.dev
- Kind
- package
- Categories
- agent-ui, background
- Use as
- drop-in — replaces your component
- Applies to
- agent-uiai-chat
- Motion
- on state, loop · medium · canvas + svg · medium cost · respects reduced motion
- Tags
- npm, mit
- Licence
- MIT (packages). Pro subscription adds a Studio + agent skills.
- Live demo
- libraries.dev
- Docs
- libraries.dev
Similar
Compare all 4 →- Template · AI chatoc/template-ai-chatStarter page → app/chat/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 4 @oc blocks. Preview: /templates/template-ai-chat.
- Ai Reasoningsmoothui/ai-reasoningCollapsible reasoning trace: the label shimmers 'Thinking' only while isStreaming, then settles to 'Thought for 3.2s' (measured, or pass duration) and auto-collapses — until the user toggles it, after which it stops deciding for them. Muted-foreground chrome, inherits the theme; no shimmer under reduced motion.
- Chat threadoc/chat-threadAI conversation view: user bubbles, assistant turns with markdown-ish text + code blocks, tool-call chips, copy/vote/regenerate actions, @oc/agent-status while pending. Auto-sticks to bottom.