ChatKit JS

A lightweight, easy-to-embed chat component for your website.

Quick Start - CDN Usage

Add ChatKit to your website with a single script tag:

1<script src="https://cdn.chatkit.ai/v1/chatkit.min.js"></script>

Initialize ChatKit with your API key:

1<div id="chatkit-container"></div>
2
3<script>
4  ChatKit.initialize({
5    apiKey: "your-api-key",
6    element: "#chatkit-container",
7  });
8</script>

Configuration Options

Option	Type	Required	Description
apiKey	string	Yes	Your ChatKit API key
element	string | HTMLElement	No	Target element to mount the chat (selector or DOM element)

NPM Installation

For more advanced usage, you can install ChatKit via npm:

1npm install react-chatkit-ai

Usage with React

1import { Chat } from "react-chatkit-ai";
2
3function App() {
4  return <Chat apiKey="your-api-key" />;
5}

Security Considerations

• The API key is stored securely in localStorage
• All communication with ChatKit servers is encrypted
• API keys are domain-restricted by default

Support

For support, please visit https://chatkit.ai/support or email support@chatkit.ai