@dytesdk/ui-kit

UI Kit by dyte

A set of UI components to truly customize your meeting UI


Explore the docs »




Report Bug
·
Request Feature

Table of Contents

- Getting Started
- Usage
- About

Getting Started

> There are separate UI Kit packages for React and Angular because they don't fully support Web Components natively yet. Check out the links to the packages below

> React UI Kit · Angular UI Kit

First, you will need to install the ui-kit along with the web-core package:

``sh
npm i @dytesdk/ui-kit @dytesdk/web-core
`

The web-core package is the package which handles all the low level logic required for a meeting by interating with our servers. Use it to create a meeting object, which you can pass along to the UI Kit components.

Usage

You'll need to initialize a meeting object first.

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

You can now pass this object to most of the components, like so (with Vanilla JS, HTML):

`html




`

About

ui-kit is created & maintained by Dyte, Inc. You can find us on Twitter - @dyte_io or write to us at dev [at] dyte.io`.

The names and logos for Dyte are trademarks of Dyte, Inc.

We love open source software! See our other projects and our products.