Component Library

The UI Kit components library provides a comprehensive set of pre-built, customizable components that you can use to build your own custom meeting interface.

WebMobile

ReactWeb ComponentsAngular

Note

All UI Kit components are built on top of Web Components, regardless of which framework (React/Angular) you use. They render as Web Components in the browser DOM.

Component naming conventions:

• Web Components and Angular: Use kebab-case (e.g., rtk-meeting)
• React: Use PascalCase (e.g., RtkMeeting)

React and Angular components are wrappers around the same underlying Web Components, so functionality is identical across all frameworks.

Component Gallery

Search through the comoponent gallery for the component you need.

Basic Components

Small, reusable building blocks for your UI.

⛶

RtkAvatar

⛶

RtkAudioVisualizer

⛶

RtkButton

⛶

RtkClock

⛶

RtkHeader

⛶

RtkLogo

⛶

RtkMeetingTitle

⛶

RtkRecordingIndicator

⛶

RtkSpinner

⛶

RtkSwitch

⛶

RtkTooltip

UI Components

Interactive controls and interface elements.

⛶

RtkControlbar

⛶

RtkControlbarButton

⛶

RtkDialog

⛶

RtkEmojiPicker

⛶

RtkGridPagination

⛶

RtkMenu

⛶

RtkNameTag

⛶

RtkNotification

⛶

RtkParticipantCount

⛶

RtkParticipantTile

⛶

RtkPluginMain

Composite Components

Complete, feature-rich components combining multiple elements.

⛶

RtkChat

⛶

RtkGrid

⛶

RtkImageViewer

⛶

RtkLeaveMeeting

⛶

RtkMixedGrid

⛶

RtkParticipants

⛶

RtkParticipantsAudio

⛶

RtkPlugins

⛶

RtkPolls

⛶

RtkScreenshareView

⛶

RtkSettings

⛶

RtkSettingsAudio

⛶

RtkSettingsVideo

⛶

RtkSidebar

⛶

RtkSimpleGrid

⛶

RtkSpotlightGrid

Screen Components

Full-screen views for different meeting states.

⛶

RtkEndedScreen

⛶

RtkIdleScreen

⛶

RtkMeeting

⛶

RtkSetupScreen