RealtimeKit UI

RealtimeKit UI provides pre-built, ready-to-use UI components for integrating with Cloudflare RealtimeKit.

This package includes Web Components that work natively in HTML — so no framework required.

If you're using a specific framework, we also offer dedicated packages:

- React
- Angular

Usage

First, install RealtimeKit UI along with RealtimeKit:

> @cloudflare/realtimekit is the core package that offers APIs to handle meetings in the client side.
> You use it to access and perform actions in a meeting.

``sh
npm i @cloudflare/realtimekit-ui @cloudflare/realtimekit
`

Then you'll need to initialize a meeting object once you've received an authToken of a participant from your APIs.

> You call the RealtimeKit Add Participant API from your own backend API to get this authToken
> to use with RealtimeKit.

`js
import RealtimeKitClient from '@cloudflare/realtimekit';

const meeting = await RealtimeKitClient.init({
authToken: '',
defaults: {
video: true,
audio: true,
},
});
`

You can now pass this meeting instance to any of the components:

`html




``