React Components
React Components are the easiest way to build realtime audio/video apps with React. No need to manage state or events; it's all done for you.
Featured components
A selected collection of components that we consider important and a good starting point for most applications.
Layouts
Layouts are components that help you arrange video or audio tracks in standard conference layouts.
Participant components
A collection of components that are somewhat related to a participant, for example, to help you render a participant's audio or video track.
AudioTrack
AudioVisualizer
ConnectionQualityIndicator
ParticipantAudioTile
ParticipantName
ParticipantTile
TrackMutedIndicator
VideoTrack
Controls components
These components provide UI elements for controlling video, audio and screen sharing tracks, as well as the status of the room or UI elements.
More components
BarVisualizer
ChatEntry
ConnectionState
ConnectionStateToast
FocusLayoutContainer
LayoutContext
LayoutContextProvider
LiveKitRoom
ParticipantContext
ParticipantContextIfNeeded
ParticipantLoop
RoomAudioRenderer
RoomContext
RoomName
StartMediaButton
Toast
TrackLoop
TrackRefContext
VoiceAssistantControlBar
Prefabs
Prefabs are built atop components, enriched with added functionalities, distinctive styles, and practical defaults. Designed for direct use, they're not intended for extension. Utilize them as-is or as a blueprint for developing your own unique components.
