Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

Waveform Activity Bars

ui/audio/waveform-activity-bars

A pure-CSS row of pulsing vertical bars (sinusoid-derived heights, staggered animation) that doubles as an active audio-processing indicator and an idle empty-state. Supports agent-state modes (connecting/listening/thinking/speaking), record/playback-scrub modes, and a live-volume mode that scales amplitude from a callback — decoupling the visual from the audio source. Ships its keyframe inline so it animates standalone after install.

@localmodeRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@localmode

More from @localmode

All 28 items
Mic Selector
ui/audio/mic-selector
Component
Loader
ui/conversation/loader
Component
Scroll To Bottom Button
ui/conversation/scroll-to-bottom-button
Component
Suggestions
ui/conversation/suggestions
Component
Tool Approval
ui/conversation/tool-approval
Component
Indexed Document Card
ui/data-documents/indexed-document-card
Component
Copy Button
ui/input-controls/copy-button
Component
Chrome AI Download Gate
ui/local-first/chrome-ai-download-gate
Component