> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-v6-beta2-flutter-uikit.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

<Warning>
  This is a beta release (`5.0.0-beta.2`). APIs and components may change before the stable release. Report issues on [GitHub](https://github.com/cometchat/cometchat-uikit-angular/issues).
</Warning>

CometChat UIKit for Angular (`@cometchat/chat-uikit-angular`) provides pre-built UI components to quickly add chat functionality to your Angular applications. It works with `@cometchat/chat-sdk-javascript` and supports Angular v19, v20, and v21.

## Features

<CardGroup cols={2}>
  <Card title="Ready-to-use Components" icon="puzzle-piece">
    Pre-built chat components that work out of the box
  </Card>

  <Card title="Customizable" icon="paintbrush">
    Easily customize themes, styles, and behavior
  </Card>

  <Card title="Real-time Messaging" icon="bolt">
    Built on CometChat's real-time messaging infrastructure
  </Card>

  <Card title="TypeScript Support" icon="code">
    Full TypeScript support with type definitions
  </Card>
</CardGroup>

## Get Started

<CardGroup>
  <Card title="Integration Guide" icon="rocket" href="/ui-kit/angular/v5/integration">
    Set up CometChat UIKit in your Angular project in 6 steps
  </Card>
</CardGroup>

***

## Try It

<CardGroup>
  <Card title="Live Demo" icon="play" href="https://link.cometchat.com/cometchat-demo">
    Try the full chat experience in your browser
  </Card>

  <Card title="Sample App" icon="code" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5">
    Clone the sample app and start building
  </Card>
</CardGroup>

***

## Explore

<CardGroup cols={2}>
  <Card title="Components" icon="grid-2" href="/ui-kit/angular/v5/components/overview">
    Browse all prebuilt UI components
  </Card>

  <Card title="Core Features" icon="comments" href="/ui-kit/angular/v5/core-features">
    Chat, calling, AI, and extensions
  </Card>

  <Card title="Theming" icon="paintbrush" href="/ui-kit/angular/v5/customization/theming">
    Colors, fonts, dark mode, and custom styling
  </Card>

  <Card title="Guides" icon="book" href="/ui-kit/angular/v5/guides/overview">
    Rich text formatting and more
  </Card>
</CardGroup>

***

## Resources

<CardGroup cols={3}>
  <Card title="Sample App" icon="github" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5">
    Working reference app
  </Card>

  <Card title="Source Code" icon="code" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5">
    Full UIKit source on GitHub
  </Card>

  <Card title="Figma" icon="figma" href="https://www.figma.com/community/file/1442863561340379957/cometchat-ui-kit-for-web">
    Design resources and prototyping
  </Card>

  <Card title="Troubleshooting" icon="wrench" href="/ui-kit/angular/v5/troubleshooting">
    Common issues and fixes
  </Card>

  <Card title="Support" icon="headset" href="https://help.cometchat.com/hc/en-us/requests/new">
    Open a support ticket
  </Card>
</CardGroup>