This repo contains sample projects that integrate our UI components for building AI chat assistants, as well as server-side integrations with Vercel's AI SDK and Langchain:
- Our UI components (available on iOS, Android, React, and React Native) work well with Stream Chat, but can also be used standalone. These components facilitate the development of AI assistants such as ChatGPT, Grok, Gemini, and others.
- NodeJS packages - stream-chat-js-ai-sdk and stream-chat-langchain - which provide seamless integrations with Vercel’s AI SDK and LangChain, respectively. Stream Chat delivers the realtime layer and conversational memory, while the AI SDK and LangChain each offer a clean interface to multiple LLMs and support more advanced AI workflows. Additionally, we provide an example that uses a single backend server (NodeJS or Python) to manage the lifecycle of agents and handle the connection to external providers.
Here’s an overview of the general approach you can take to integrate Stream Chat with different LLMs.
The customer app can use our AI components to build the chat assistant’s UI faster:
- streaming message view with advanced rendering support (markdown, code syntax highlighting, charts, tables)
- standalone composer with different options such as agent modes and photo picker
- speech to text component
- conversation suggestions
- converstation history
- and much more.
Your backend can use one of the provided packages to facilitate the integration with popular AI SDKs, such as Langchain and Vercel’s AI SDK. Or, in case you don’t want to depend on these packages, you can use our standalone NodeJS and Python examples, that show you how to integrate with Stream Chat’s server-side client and various LLMs (OpenAI and Anthropic are provided as examples).
To get started building with AI and Stream, simply pick the example most suited to your application and follow the step by step instructions outlined in each:
- iOS: Learn how to create an assistant for iOS apps with Stream's iOS chat SDK.
- Android: Build powerful and responsive assistants for Android applications with Stream's Android chat SDK.
- React: Develop chat assistants for web applications with Stream's React chat SDK.
- React Native: Step into the world of AI-enhanced chat apps with Stream's React Native SDK and our tutorial.
For your backend integration, you can try out one of these options:
- AI SDK integration: Integrate StreamChat server-side with the popular AI SDK from Vercel.
- Langchain integration: Another StreamChat server-side integration with the popular agentic framework Langchain.
- Standalone samples: If you prefer not to use additional dependencies, kick start your integration with our sample projects in Python and NodeJS.
Before you begin, you'll need:
- A Stream API Key (Register for free)
- Credentials of the LLM you want to use in your integration (OpenAI, Anthropic, xAI and others)
- Optional mem0 key for memory and context across conversations
These guides explore more of how AI can be used across our SDKs and products.
- How to Build an AI Chat Android App With Google’s Generative AI
- How to Build an LLM-powered Chatbot For Your Documentation
- How to Build an AI bot Using Stream Chat, HuggingFace, and DialogGPT
- How to Build AI-Powered Chatbot Apps for Android Using Firebase
- How to Add RAG-Based AI to Team Chat With Stream
- How to Build an Agentic RAG System With OpenAI, LanceDB, and Phidata
- How to Chat With Any Book Using Pinecone, OpenAI, and Stream
Check out what the community has built using Stream.
- How to Build a Therapy Marketplace Using Next.js and Firebase
- How to Build a React Native Mental Health App with Stream Chat & Video Call
- How to Build a Remote Interview App with React & Next.js
- How to Implement Context-Aware AI Responses in Your Chat App
- How to Build a Job Application and Interview Platform with Next.js, Stream, and Firebase
- How We Built an AI Wine Sommelier App Using Stream Video & GPT
- How to Build Video Calling Into Your App With Amazon Chime, AWS Lambda & Stream
- How to Add Real-Time Chat Translation Using Stream
- How a Global Airline Streamlines Team Operations With Stream Chat
- How to Build a RAG AI Chatbot with Stream
- How to Add Real-Time Chat to Your AWS Application
- How to Add RAG-Based AI to Team Chat With Stream
Explore real-world apps built by developers using Stream SDKs, featured on YouTube.
-
Build a ChatGPT Clone with Stream and Neon – Brad Traversy
A full-stack AI chatbot app with conversational context and auth, built from scratch by Brad Traversy. -
Build a Language Exchange Platform with Real-Time Chat & Video – Burak (Codesistency)
A multilingual video calling platform using Stream, JWT auth, and DaisyUI themes. -
How to Build a Remote Interview Platform with Stream – Burak (Codesistency)
A remote interview app built with React, TypeScript, Tailwind, and Stream Video SDK designed for remote hiring use cases. -
Build a React Native Mental Health App with Stream Chat & Video – Simon
A cross-platform app for therapy and support sessions with integrated real-time messaging and video calling.
We welcome contributions that improve functionality or fix issues:
- Fork the repository
- Create a feature branch
- Implement your changes
- Add tests if applicable
- Submit a PR with a clear description/changes
We encourage you to try the tutorials and submit new sample apps 🥳
- How can I submit a sample app?
- Open a pr with a proper description and we'll review it as soon as possible.
- Open an issue with:
- Clear steps to reproduce
- Add screenshots/videos if possible
- Expected behavior
- Actual behavior
- Platform/environment details