Angular UI Kit

Prebuilt Angular components for chat, voice, and video calling. Standalone components, CSS variable theming, and full accessibility.

AI Integration Quick Reference

Field	Value
Package	@cometchat/chat-uikit-angular v5.x
Peer deps	@cometchat/chat-sdk-javascript, dompurify
Calling	Optional — @cometchat/calls-sdk-javascript
Angular	v19, v20, v21
Localization	19 languages built-in
Source	GitHub
AI Skills	npx @cometchat/skills add — GitHub

The CometChat Angular UI Kit provides prebuilt, customizable standalone components for adding chat, voice, and video calling to any Angular app. Each component handles its own data fetching, real-time listeners, and state — you just drop them into your layout.

---

Try It

Live Demo

Try the full chat experience in your browser

Sample App

Clone the sample app and start building

---

Get Started

Integration Guide

Set up CometChat UIKit in your Angular project

Quickstart

Get up and running in 5 minutes

Conversation List

Build a conversation list UI

One-to-One Chat

Build a direct messaging UI

---

Explore

Components

Browse all prebuilt UI components

Features

Chat, calling, AI, and extensions

Theming

Colors, fonts, dark mode, and custom styling

Guides

Threaded messages, new chat, search, and more

---

Resources

Sample App

Working reference app

Source Code

Full UI Kit source on GitHub

Storybook

Interactive component playground

Figma

Design resources and prototyping

Migration Guide

Upgrading from v4

Troubleshooting

Common issues and fixes

Support

Open a support ticket