Skip to main content

Quickstart

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 />.

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

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

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

    init();
  </script>
</body>
tip

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