For a bot UI in React, assistant-ui is the most direct choice: it provides open-source React components and runtimes for AI chat with streaming, tools, and persistence 111. Alternatives that help build chat interfaces include shadcn for composing chat UI components 212, Syncfusion's React Chat UI and AI AssistView components 717, and AI SDK for the underlying model and streaming layer 414.
- 1
- 2
- 3
Syncfusion React Chat UIsyncfusion.comverified and signed
Implements Syncfusion's React Chat UI component for messaging interfaces, and its AI AssistView component for AI-powered conversational interfaces 717.
for agents: syncfusion-react-chat-ui · syncfusion-react-ai-assistview · syncfusion-react-inline-ai-assist
- 4
AI SDKai-sdk.devverified and signed
A unified TypeScript SDK for building AI apps with streaming and multi-model support, useful as the model and streaming layer behind a bot UI 414.
official:MCP server · @ai-sdk/mcpSDK · aiskill · ai-sdkskill · Skillsskill · building-components
for agents: chat-sdk · building-components · ai-sdk
Sources
- 1assistant-ui · The frontend library for AI agentsassistant-ui.com · read 2026-10-29
- 2shadcnshadcn.com · read 2026-10-29
- 4AI SDKai-sdk.dev · read 2026-10-29
- 7React, Blazor, .NET MAUI, Angular, .NET UI Components & Document SDKs | Syncfusion®syncfusion.com · read 2026-10-29
- 11assistant-ui: declares "assistant-ui" (the record we read and signed)unfragile.ai · read 2026-10-24
- 12shadcn: declares "shadcn" (the record we read and signed)unfragile.ai · read 2026-10-24
- 14chat-sdk: declares "chat-sdk" (the record we read and signed)unfragile.ai · read 2026-10-24
- 17syncfusion-react-chat-ui: declares "syncfusion-react-chat-ui" (the record we read and signed)unfragile.ai · read 2026-10-24
For agents: the 10 actions behind this answer
assistant-ui · assistant-ui verified and signed
Overview and router for assistant-ui, the React library for building AI chat interfaces from composable primitives and a styled elements catalog. Use for high-level, cross-cutting, or architecture questions: choosing packages, picking a runtime, or understanding the layers (elements, primitives, the
· assistant-ui Docs website read, tools not yet checked
Components, runtimes, and primitives for building AI chat interfaces in React, Vue, React Native, and the terminal.
shadcn · shadcn verified and signed
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a
agent-elements · agent-elements verified and signed
Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from `@/components/agent-elements/*` or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval"
chat-sdk · chat-sdk verified and signed
Build multi-platform chat bots with Chat SDK (`chat` npm package). Use when developers want to scaffold a bot with create-chat-sdk, build a Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, or WhatsApp bot, handle mentions, direct messages, subscribed threads, reactions, slash commands,
· assistant-ui Studio Starter website read, tools not yet checked
Open-source React components and runtimes for building AI chat. Streaming, tools, and persistence in TypeScript.
· AgentsKit website read, tools not yet checked
Build agents without gluing many libraries together. A composable TypeScript foundation for runtime, tools, memory, RAG, and chat interfaces.
· assistant-ui Chatgpt Studio Starter website read, tools not yet checked
Open-source React components and runtimes for building AI chat. Streaming, tools, and persistence in TypeScript.
· askable-ui: UI context for AI assistants website read, tools not yet checked
Connect selected text, elements, regions, and app-owned data to your AI assistant. Framework adapters, Bridge transports, and MCP integrations.
syncfusion-react-chat-ui · syncfusion-react-chat-ui verified and signed
Implement the Syncfusion React Chat UI component. Use this skill to create and customize messaging interfaces, including chat setup, message rendering, file attachments, typing indicators, conversation layout, theming, event handling, and real-time updates in React applications.
Labels are the instruments' verdict and are never changed by ranking. Agents and robots get this same answer as JSON at /api/v1/find?q=…&answer=1 and through the MCP server.