Livekit UI components examples

Livekit

A user interface element for selecting the display theme, offering light, dark, and system options.

• Theme settings

Livekit

User interface element for theme selection with options for light, dark, and system modes.

• Theme settings

Livekit

A dashboard displaying network bandwidth data with a line graph and summary cards for total upstream and downstream usage.

• Charts

Livekit

A dashboard displaying connection success, platform usage, connection type, and participant minutes with data visualizations.

• Charts

Livekit

A list of checkboxes for managing participant permissions.

• Checkbox & radio

Livekit

A user interface for an AI agent interaction, featuring a text input field, action buttons for call controls, and a prompt for user input.

• Artificial intelligence

Livekit

A call interface with controls for audio, video, screen sharing, chat, and ending the call, along with a status message.

• Audio player

Livekit

A dark mode interface displaying options to enable capabilities such as camera, screen share, and chat, each with a checkbox.

• Checkbox & radio

Livekit

A dark mode dashboard displaying a table of egresses with applied filters and an empty state message.

• Sorting & filtering

Livekit

A nested dropdown menu for filtering data by status and other criteria.

• Sorting & filtering

Livekit

A code editor displaying a JSON file for SIP trunk configuration.

• Code block

Livekit

A user interface element for selecting trunk direction, offering 'Inbound' and 'Outbound' options.

• Checkbox & radio