MCPcopy Index your code
hub / github.com/Chainlit/cookbook

github.com/Chainlit/cookbook @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
519 symbols 1,828 edges 127 files 72 documented · 14%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Chainlit Cookbook

Welcome to the Chainlit Demos repository! Here you'll find a collection of example projects demonstrating how to use Chainlit to create amazing chatbot UIs with ease. Each folder in this repository represents a separate demo project.

🚀 Getting Started

To run a demo, follow these steps:

  1. Clone this repository: git clone https://github.com/Chainlit/cookbook.git chainlit-cookbook
  2. Navigate to the desired demo folder: cd chainlit-cookbook/demo-folder-name
  3. Install the required dependencies: pip install -r requirements.txt
  4. Create a .env file based on the provided .env.example file: cp .env.example .env Modify the .env file as needed to include any necessary API keys or configuration settings.
  5. Run the Chainlit app in watch mode: chainlit run app.py -w

Your demo chatbot UI should now be up and running in your browser!

💁 Contributing

We'd love to see more demos showcasing the power of Chainlit. If you have an idea for a demo or want to contribute one, please feel free to open an issue or create a pull request. Your contributions are highly appreciated!

Extension points exported contracts — how you extend this code

IToken (Interface)
(no doc)
react-native-chat/react-native-client/libs/cl-sdk-1.2/useChatData.ts
InputProps (Interface)
(no doc)
custom-frontend/frontend/src/components/ui/input.tsx
ISession (Interface)
(no doc)
react-native-chat/react-native-client/libs/cl-sdk-1.2/state.ts
ButtonProps (Interface)
(no doc)
custom-frontend/frontend/src/components/ui/button.tsx
TElement (Interface)
(no doc)
react-native-chat/react-native-client/libs/cl-sdk-1.2/types/element.ts
TMessageElement (Interface)
(no doc)
react-native-chat/react-native-client/libs/cl-sdk-1.2/types/element.ts
IImageElement (Interface)
(no doc)
react-native-chat/react-native-client/libs/cl-sdk-1.2/types/element.ts

Core symbols most depended-on inside this repo

get
called by 243
react-native-chat/react-native-client/libs/cl-sdk-1.2/api/index.tsx
send
called by 122
pyautogen/app.py
on
called by 46
realtime-assistant/realtime/__init__.py
send
called by 22
realtime-assistant/realtime/__init__.py
dispatch
called by 10
realtime-assistant/realtime/__init__.py
post
called by 8
react-native-chat/react-native-client/libs/cl-sdk-1.2/api/index.tsx
is_connected
called by 8
realtime-assistant/realtime/__init__.py
show_tool_progress
called by 8
openai-responses-gpt5-functions-streaming-multi-modal-reasoning-super-advanced/tools.py

Shape

Function 314
Method 133
Class 33
Interface 32
Route 7

Languages

Python78%
TypeScript22%

Modules by API surface

realtime-assistant/realtime/__init__.py69 symbols
react-native-chat/react-native-client/libs/cl-sdk-1.2/api/index.tsx31 symbols
openai-data-analyst/app.py18 symbols
openai-responses-gpt5-functions-streaming-multi-modal-reasoning-super-advanced/tools.py17 symbols
langchain-azure-agent/app.py13 symbols
llava/app.py12 symbols
react-native-chat/react-native-client/libs/cl-sdk-1.2/utils/message.ts11 symbols
realtime-assistant/app.py10 symbols
react-native-chat/react-native-client/libs/cl-sdk-1.2/types/element.ts10 symbols
openai-whisper/app.py8 symbols
map-canvas/app.py8 symbols
chroma-qa-chat/app.py8 symbols

For agents

$ claude mcp add cookbook \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact