L
livekit
/
components-js
/
components
Files
Code
Info
Agent Audio Visualizer Aura
agent-audio-visualizer-aura
An aura visualizer for audio tracks.
Agent Audio Visualizer Bar
agent-audio-visualizer-bar
A linear bar visualizer for audio tracks.
Agent Audio Visualizer Grid
agent-audio-visualizer-grid
A grid visualizer for audio tracks.
Agent Audio Visualizer Radial
agent-audio-visualizer-radial
A radial bar visualizer for audio tracks.
Agent Audio Visualizer Wave
agent-audio-visualizer-wave
A wave visualizer for audio tracks.
Agent Chat Indicator
agent-chat-indicator
A component for indicating the agent's chat status with a blinking dot. Useful for indicating the agent is thinking before generating a response.
Agent Chat Transcript
agent-chat-transcript
A component for displaying the agent session's chat transcript.
Agent Control Bar
agent-control-bar
A control bar for managing media tracks (microphone, camera, screen share), disconnecting the agent session, and opening the chat input, with appropriate icons and loading states.
Agent Disconnect Button
agent-disconnect-button
A button for disconnecting the agent session.
Agent Session Provider
agent-session-provider
A component for providing an agent's session context and ensuring remote participants’ audio tracks (microphones and screen share) are audible.
Agent Track Control
agent-track-control
A control for managing media tracks (microphone, camera, screen share) with appropriate icons and loading states.
Agent Track Toggle
agent-track-toggle
A toggle button for controlling media tracks (microphone, camera, screen share) with appropriate icons and loading states.
React Shader Toy
react-shader-toy
A shadertoy-like shader renderer component for React.
Start Audio Button
start-audio-button
A button for starting the agent session's audio track when the browser blocks audio playback.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Agent Audio Visualizer Aura
agent-audio-visualizer-aura
An aura visualizer for audio tracks.
Agent Audio Visualizer Bar
agent-audio-visualizer-bar
A linear bar visualizer for audio tracks.
Agent Audio Visualizer Grid
agent-audio-visualizer-grid
A grid visualizer for audio tracks.
Agent Audio Visualizer Radial
agent-audio-visualizer-radial
A radial bar visualizer for audio tracks.
Agent Audio Visualizer Wave
agent-audio-visualizer-wave
A wave visualizer for audio tracks.
Agent Chat Indicator
agent-chat-indicator
A component for indicating the agent's chat status with a blinking dot. Useful for indicating the agent is thinking before generating a response.
Agent Chat Transcript
agent-chat-transcript
A component for displaying the agent session's chat transcript.
Agent Control Bar
agent-control-bar
A control bar for managing media tracks (microphone, camera, screen share), disconnecting the agent session, and opening the chat input, with appropriate icons and loading states.
Agent Disconnect Button
agent-disconnect-button
A button for disconnecting the agent session.
Agent Session Provider
agent-session-provider
A component for providing an agent's session context and ensuring remote participants’ audio tracks (microphones and screen share) are audible.
Agent Track Control
agent-track-control
A control for managing media tracks (microphone, camera, screen share) with appropriate icons and loading states.
Agent Track Toggle
agent-track-toggle
A toggle button for controlling media tracks (microphone, camera, screen share) with appropriate icons and loading states.
React Shader Toy
react-shader-toy
A shadertoy-like shader renderer component for React.
Start Audio Button
start-audio-button
A button for starting the agent session's audio track when the browser blocks audio playback.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information