<p align="center">
  <img alt="CometChat" src="https://assets.cometchat.io/website/images/logos/banner.png">
</p>

# CometChat UI Kit for Angular

The CometChat Angular UI Kit provides pre-built Angular components to quickly integrate a reliable and fully-featured chat experience into your Angular application — real-time messaging, voice & video calling, conversations, users, groups, and more.

<div style="display: flex; align-items: center; justify-content: center;">
   <img src="https://raw.githubusercontent.com/cometchat/cometchat-uikit-react/HEAD/screenshots/sample_app_overview.png" />
</div>


## Prerequisites

- Node.js >= 18
- npm >= 10
- Angular >= 17 (up to Angular 21)
- A [CometChat](https://app.cometchat.com/) account to get your app credentials: _`App ID`_, _`Region`_, and _`Auth Key`_

## Getting Started

1. Register at the [CometChat Dashboard](https://app.cometchat.com/) to create an account.
2. After registering, log in and create a new app. CometChat will generate an _`App ID`_, _`Region`_, and _`Auth Key`_ for you. Keep these credentials secure.
3. Check the [Key Concepts](https://www.cometchat.com/docs/fundamentals/key-concepts) to understand the basic components of CometChat.
4. Refer to the [Integration Steps](https://www.cometchat.com/docs/ui-kit/angular/integration) to integrate the UI Kit into your Angular app.

## Installation

```bash
npm install @cometchat/chat-uikit-angular @cometchat/chat-sdk-javascript
```

## Features

- 🚀 Built with Angular Signals for optimal performance
- 🧩 Standalone components (no NgModule required)
- ♿ Accessibility support with keyboard navigation and ARIA attributes
- 🎨 Customizable theming with CSS variables
- 📱 Responsive design
- 🌍 Internationalization with runtime language switching
- 🔧 Angular 17–21 compatible

## Documentation

For full documentation, visit the [CometChat Angular UI Kit Docs](https://www.cometchat.com/docs/ui-kit/angular/integration).

## Help and Support

- [Documentation](https://www.cometchat.com/docs/ui-kit/angular/integration)
- [GitHub Issues](https://github.com/cometchat/cometchat-uikit-angular/issues)
- [Support Tickets](https://help.cometchat.com/hc/en-us)
- [CometChat Dashboard](https://app.cometchat.com/)

## License

Copyright © 2025 CometChat. All rights reserved.
