React UI Kit v7 — LLM docs index (Latest)
Stateful, drop-in React chat/calling UI. Package@cometchat/chat-uikit-react@7+@cometchat/chat-sdk-javascript@4. This page is a React-v7-only routing index for AI agents — a scoped alternative to the site-wide/docs/llms.txt.
How to use this index
Each link points to the docs page; append.md to its URL to fetch the clean Markdown twin
(verbatim code + an “AI Integration Quick Reference” block with prop names, types, and defaults).
Pick the page for the intent, then read the props there.
- Convention: any docs page URL +
.md→ raw Markdown. - Fallback: if a
.mdtwin 404s, fetch the same URL without.md(HTML). Never read a package.d.tsand never answer props from memory.
Hot path — usually no fetch needed
For a plain “add chat” the install,init → login → render, provider, and the core drop-in props
are stable; a well-built agent skill bakes them. Fetch below only for exhaustive props, long-tail
components, theming tokens, or feature enablement.
- Setup: React.js Integration
- Provider/lifecycle: CometChatProvider
- Core drop-ins: Conversations · Message Header · Message List · Message Composer
Getting started / integration
- React.js Integration
- Next.js Integration
- React Router Integration
- Astro Integration
- React UI Kit — Overview
- Components Overview
Core & configuration
- CometChatProvider
- Core Features
- Methods
- Event System
- Sound Manager
- Localization
- Extensions
- Troubleshooting
Theming
Components — conversations & lists
Components — messages
- Message Header
- Message List
- Message Composer
- Message Bubble
- Thread Header
- Message Information
- Reactions
- Reaction List
- Flag Message Dialog
Components — message bubbles
- Text Bubble
- Image Bubble
- Video Bubble
- Audio Bubble
- Voice Note Bubble
- File Bubble
- Poll Bubble
- Sticker Bubble
- Card Bubble
- Collaborative Document Bubble
- Collaborative Whiteboard Bubble
- Call Bubble
- Call Action Bubble
- Group Action Bubble
- Delete Bubble
Components — calling
Components — search, AI & notifications
Task guides (recipes)
- New Chat Creation
- Group Chat Setup
- Search Messages
- Threaded Messages
- Message Privately
- Block / Unblock User
Framework recipes (full-page layouts)
- React: Conversation + Messages · One-to-One / Group · Tab-Based
- Next.js: Conversation + Messages · One-to-One / Group · Tab-Based
- React Router: Conversation + Messages · One-to-One / Group · Tab-Based
- Astro: Conversation + Messages · One-to-One / Group · Tab-Based