# Examples
URL: /examples

Production-ready examples of AI chat in React — ChatGPT clones, copilots, generative UI, artifacts, multimodal, and more, all built with assistant-ui.

> For AI agents: a documentation index is available at [llms.txt](/llms.txt). Use `.md` for canonical markdown pages; `.mdx` is kept as a backwards-compatible alias on supported URL paths.

# Examples

Explore our collection of examples that demonstrate different ways to integrate assistant-ui into your applications.

[- alt

  Modal](/examples/modal)

### [Modal](/examples/modal)

[Floating button that opens an AI assistant chat box.](/examples/modal)

[- alt

  Form Filling Co-Pilot](/examples/form-demo)

### [Form Filling Co-Pilot](/examples/form-demo)

[AssistantSidebar copilot which fills forms for the user.](/examples/form-demo)

[- alt

  ChatGPT Clone](/examples/chatgpt)

### [ChatGPT Clone](/examples/chatgpt)

[Customized colors and styles for a ChatGPT look and feel.](/examples/chatgpt)

[- alt

  Claude Clone](/examples/claude)

### [Claude Clone](/examples/claude)

[Customized colors and styles for a Claude look and feel.](/examples/claude)

[- alt

  Gemini Clone](/examples/gemini)

### [Gemini Clone](/examples/gemini)

[Customized colors and styles for a Gemini look and feel.](/examples/gemini)

[- alt

  Grok Clone](/examples/grok)

### [Grok Clone](/examples/grok)

[Customized colors and styles for a Grok look and feel.](/examples/grok)

[- alt

  Perplexity Clone](/examples/perplexity)

### [Perplexity Clone](/examples/perplexity)

[Customized colors and styles for a Perplexity look and feel.](/examples/perplexity)

[- alt

  AI SDK](/examples/ai-sdk)

### [AI SDK](/examples/ai-sdk)

[Chat persistence with AI SDK.](/examples/ai-sdk)

[- alt

  Mem0 - ChatGPT with memory](/examples/mem0)

### [Mem0 - ChatGPT with memory](/examples/mem0)

[A personalized AI chat app powered by Mem0 that remembers your preferences, facts, and memories.](/examples/mem0)

[- alt

  LangGraph Stockbroker](/examples/stockbroker)

### [LangGraph Stockbroker](/examples/stockbroker)

[A stockbroker showing human in the loop with LangGraph](/examples/stockbroker)

[- alt

  Artifacts](/examples/artifacts)

### [Artifacts](/examples/artifacts)

[Open Source Claude Artifacts. You can ask the bot to generate websites.](/examples/artifacts)

[- alt

  Expo (React Native)](/examples/expo)

### [Expo (React Native)](/examples/expo)

[Native iOS & Android chat app with drawer navigation and thread management.](/examples/expo)

[- alt

  Generative UI](/examples/generative-ui)

### [Generative UI](/examples/generative-ui)

[Charts, date pickers, contact forms, and maps rendered as interactive AI tool UIs.](/examples/generative-ui)

[- alt

  Interactables](https://github.com/assistant-ui/assistant-ui/tree/main/examples/with-interactables)

### [Interactables](https://github.com/assistant-ui/assistant-ui/tree/main/examples/with-interactables)

[Task board and sticky notes with AI-driven state updates and localStorage persistence.](https://github.com/assistant-ui/assistant-ui/tree/main/examples/with-interactables)

## Community Examples

[- alt

  Mastra UI Dojo](https://github.com/mastra-ai/ui-dojo)

### [Mastra UI Dojo](https://github.com/mastra-ai/ui-dojo)

[Mastra integrated with AI SDK, Assistant UI, and CopilotKit — compare side-by-side.](https://github.com/mastra-ai/ui-dojo)

[- alt

  Open Canvas](https://github.com/langchain-ai/open-canvas)

### [Open Canvas](https://github.com/langchain-ai/open-canvas)

[OSS implementation of ChatGPT's Canvas.](https://github.com/langchain-ai/open-canvas)

[- alt

  FastAPI + LangGraph](https://github.com/Yonom/assistant-ui-langgraph-fastapi)

### [FastAPI + LangGraph](https://github.com/Yonom/assistant-ui-langgraph-fastapi)

[Integration of a FastAPI + LangGraph server with assistant-ui.](https://github.com/Yonom/assistant-ui-langgraph-fastapi)

Looking for more examples? [Check out the community showcase →](/showcase)