Skip to main content


Install the package from npm:

npm install @dytesdk/angular-ui-kit @dytesdk/web-core

And now you need to load the DyteComponentsModule into your app module.

This would usually be the app.module.ts file:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { DyteComponentsModule } from '@dytesdk/angular-ui-kit';

import { AppComponent } from './app.component';

declarations: [AppComponent],
imports: [BrowserModule, DyteComponentsModule],
providers: [],
bootstrap: [AppComponent],
export class AppModule {}

Now you can use Dyte's UI Components in your components HTML files.


If you are using typescript make sure you have allowSyntheticDefaultImports set as true in your tsconfig.json

"compilerOptions": {
"allowSyntheticDefaultImports": true