#99th of 12 in Chat apps

openai-chatkit-advanced-samples

ChatKit feature demos with FastAPI backends and React frontends

Stars
660
License
MIT
Last commit
Aug 2026

Overview

Four ChatKit scenarios, each a FastAPI backend on the ChatKit Python SDK plus a React frontend: a virtual-cat caretaker, an airline support concierge, a newsroom assistant and a metro-map planner. Together they exercise server and client tools, widgets with actions, attachments, dictation, annotations, @-mentions and composer commands. For teams writing a custom ChatKit server who need a reference per feature.

Who it is for: Teams writing a custom ChatKit server

Strengths

  • Feature index maps every ChatKit capability to the file that implements it
  • Each demo starts with one command on its own port (5170 to 5173)
  • Attachment upload and dictation are implemented end to end

Weaknesses

  • Samples, not a product base: no auth, persistence or tests
  • Python backend plus Node frontend; needs uv and npm
  • OpenAI-only

What it needs

  • openai, chatkit
  • Needs openai-api-key, uv

Also in Chat apps

See all 12
Also in Chat apps
RankProjectScore
1langchain-nextjs-templateNext.js routes for LangChain.js chat, agents, structured output and RAG Live demo ↗ (opens in a new tab)2.5k stars, MIT63 out of 100
2chatbotNext.js chat template with Auth.js, Postgres history and AI Gateway models Live demo ↗ (opens in a new tab)21k stars, Apache-2.054 out of 100
3chatNuxt UI chat template with GitHub login, SQLite history and AI Gateway Live demo ↗ (opens in a new tab)376 stars, MIT52 out of 100
#4gemini-chatbotNext.js chatbot template defaulting to Gemini with NextAuth and Postgres Live demo ↗ (opens in a new tab)1.4k stars, Apache-2.050 out of 100
#5claude-quickstartsIndependent Claude API starter projects, one folder per pattern17.9k stars, MIT48 out of 100