Skip to main content


Quickly get started with UI Kit, with just a few lines of code!

First you would need to setup your project with the provided hooks and the <DyteProvider />.

<dyte-meeting id="my-meeting"></dyte-meeting>

const init = async () => {
const meeting = await DyteClient.init({
authToken: '',
roomName: '',
defaults: {
audio: true,
video: true,

document.getElementById('my-meeting').meeting = meeting;


Try adding show-setup-screen="true" prop on <dyte-meeting /> to enable the Setup Screen.