UI Kit Components
Use the @inkeep/cxkit-react UI library to embed an AI assistant as a React component or JavaScript snippet anywhere your users have questions.
Components
Using the @inkeep/cxkit-js library.
Chat Button
Add a floating Ask AI chat button to any site or app.
Search Bar
Add to your docs or marketing site.
Custom Trigger
Use your own button or UI element to trigger the assistant UI.
Intelligent Form
Integrate an intelligent form to deflect new tickets.
In-Page Chat
Embed the chat directly in a dedicated standalone page.
In-Page Search
Embed a search UI directly on a dedicated page.
Sidebar Chat
Embed the chat in a sidebar on the left or right side of the page.
Using the @inkeep/cxkit-react library.
Chat Button
Add a floating Ask AI chat button to any site or app.
Search Bar
Add to your docs or marketing site.
Custom Trigger
Use your own button or UI element to trigger the assistant UI.
Intelligent Form
Integrate an intelligent form to deflect new tickets.
In-Page Chat
Embed the chat directly in a dedicated standalone page.
In-Page Search
Embed a search UI directly on a dedicated page.
Sidebar Chat
Embed the chat in a sidebar on the left or right side of the page.
Customization
Here are some common scenarios:
- Customize theme & CSS - Customize the look and feel of the UI components.
- Add guidance & context - Provide user-specific information or provide custom instructions to the LLM.
- Manage user privacy preferences - Handle user privacy settings and analytics opt-outs.
- Authenticate users - Limit chat or search usage to users authenticated with your app.
- Log events to your own analytics - Log events to your own custom analytics system.
- Embed a support form - Add a support form embedded within the chat experience to create support tickets.
- Make chats sharable - Enable the 'Share' button to make chats sharable.
Public clients
For an overview of local development and security for AI assistant's that are used on public sites, check out this guide.