AI Waveform Chat
AI chat bubble with animated waveform states. Features thinking, speaking, and idle states with auto-rotation and smooth state transitions.
Main Features of AI Waveform Chat
How to Use AI Waveform Chat in Next.js
Installation Guide for AI Waveform Chat
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
states | Array<'thinking' | 'speaking' | 'idle'> | ['thinking', 'speaking', 'idle'] | Array of states to cycle through. |
messages | { thinking: string; speaking: string; idle: string } | { thinking: '', speaking: 'I'm generating that analysis for you now...', idle: 'Here is the summary of your meeting.' } | Messages for each state. |
autoRotate | boolean | true | Whether to automatically rotate through states. |
rotateInterval | number | 3000 | Interval in milliseconds between state rotations. |
className | string | undefined | Additional CSS classes for custom styling. |
aiName | string | "AI" | Name of the AI displayed in the status. |