Overview of the ChatBotKit Primers. Learn how to create conversational AI chatbots using ChatBotKit API and SDKs.

The primers are introductory examples for developers new to ChatBotKit and conversational AI software. Each example contains detailed instructions and comments on how to create conversational AI application and additional resources that can help developers become more familiar with the platform and its features.

PlatformExampleDescription
Next.jsStateless Chat (App Router + RSC + Functions + Function Triggers)A stateless chatbot example, where the conversation is managed by the client and the server. This example uses the App Router and Server Actions as well AI functions with function triggers. This is a powerful example to demonstrate the full capabilities of the ChatBotKit conversational AI platform.
Next.jsStateless Chat (App Router + RSC + Functions)A stateless chatbot example, where the conversation is managed by the client and the server. This example uses the App Router and Server Actions as well AI functions.
Next.jsStateless Chat (App Router + RSC)A stateless chatbot example, where the conversation is managed by the client and the server. This example uses the App Router and Server Actions.
Next.jsStateless Chat (App Router)A stateless chatbot example, where the conversation is managed by the client. This example uses the App Router.
Next.jsStateless ChatA stateless chatbot example, where the conversation is managed by the client.
Next.jsBasic ChatA basic chatbot example, where the conversation is managed by ChatBotKit.
Next.jsNextAuth ExampleShows how to combine NextAuth and ChatBotKit.
NodeGPT4 Streaming AI chatbotA simple streaming AI chatbot example.
Cloudflare WorkersGPT4 AI chatbotA streaming AI chatbot example for Cloudflare Workers.

In addition to the primers, which provide good starting point, take some time to explore the following real-world examples. These examples not only illustrate the ChatBotKit capabilities but also demonstrate their applications in various contexts, offering a more comprehensive understanding of the subject matter.

NameDescriptionSourceDemo
CBK White Labelhis powerful tool enables you to build and deploy custom conversational AI SaaS solutions quickly and efficiently. This is the ideal for entrepreneurs, agencies, and developers who want to build their own AI platforms.GitHubn/a
AI Art BotAn interactive chatbot that uses generative UI to answer any questions about art.GitHubLive Demo
Next Gen SearchAn interactive that demonstrates how to create an interactive search engine similar to Perplexity AI.GitHubLive Demo
Calendar BotThis repository contains the code for an appointment scheduling chatbot designed to assist in managing calendar bookings. The chatbot, built with the ChatBotKit SDK, facilitates the booking of appointments following specific rules and guidelines to ensure an efficient and conflict-free scheduling process.GitHubLive Demo
AI Form BuilderThis repository contains the code for an AI form builder. Built with the ChatBotKit SDK, this example showcases how to render UI components inside an AI conversation.GitHubLive Demo
Fuzzy SearchThis repository contains the code for a search widget. The Widget can be activated by clicking the the "Click to search" button as well as press the key combination Cmd/Ctrl + K. The widget will then open and the user can start typing to search for a specific item. The widget will then show the search results in a list below the search input. The user can then click on the item to navigate to the specific page.GitHubn/a

There are also plenty of places where ChatBotKit is used in the wild. Check out the following products and services powered by ChatBotKit powerful SDK.

NameDescriptionLink
FormShareCreate conversational AI forms — for free. Simply describe your form and let us handle the rest.https://formshare.ai
PeopleAIExperience history like never before with our AI chatbots, allowing you to converse with and learn from some of the most influential and significant figures in human history.https://peopleai.app
FashionAIGet personalized style recommendations tailored to your unique fashion preferences, all powered by the latest artificial intelligence technology.https://fashionai.app
PageAuditPageAudit is an AI-driven platform that scrutinize the fine details of your landing page to help you convert better.https://pageaudit.app
AskNotionCreate your personal ChatGPT-like chatbot that is trained on your Notion Pages.https://asknotion.app