Multimodal

VoiceWaveform

Bar-based audio waveform — live recording, playback progress, or idle baseline.

Preview

recording

playback

idle

Installation

pnpm add nyxis-ui

Usage

import { VoiceWaveform } from 'nyxis-ui';

// Live recording (no precomputed bars needed — animates from sine + jitter):
<VoiceWaveform isRecording />

// Static playback bars + progress fill:
<VoiceWaveform bars={amplitudes} isPlaying progress={progress} />

// Idle / placeholder:
<VoiceWaveform bars={amplitudes} />

Modes

Mode	When	Look
Recording	`isRecording`	Bars animate live with destructive (red) tone.
Playback	`isPlaying` + `progress`	Filled portion in primary tone; remainder muted.
Idle	neither	Flat baseline, all bars muted.

Composition

Used internally by <AudioPlayer> for the visual track. Standalone, it’s useful as a microphone-recording indicator above a chat composer.