Components

Chat Starter

A streaming chat UI wired to the agent framework you already use.

For new and existing React apps. Agent time 5–15 min.

See what it installs

Works out of the box

  • Replies that stream token by token, with a stop control
  • Markdown rendering with code blocks
  • Message editing, with branches to switch between versions
  • Copy, regenerate, and export to Markdown on every reply
  • Tool calls rendered in the thread, grouped while they run
  • Collapsible reasoning
  • Scrolling that follows the stream, with a jump to the latest message

In the bundle

Everything else you can add

  • Assistant Cloud

    Persistence, thread history, and titles for an existing assistant-ui app.

  • Agent tools

    Tools the model can call, each with its own UI in the thread.

  • File attachments

    Users attach images and files to messages by picker, drag-drop, or paste.

  • Text-to-speech

    A read-aloud button on every assistant message.

  • Voice dictation

    A microphone button that transcribes speech into the composer.

  • LaTeX math

    Render LaTeX equations in chat messages with KaTeX.

  • Suggested prompts

    Starter prompts on the empty thread, with optional generated follow-ups.

  • @-mentions

    Type @ in the composer to pick a tool or custom item and send it as a directive.

  • Slash commands

    Type / in the composer to open a command palette that runs your callbacks.

  • Resumable streams

    A response keeps streaming after a reload or dropped connection and the client picks it back up.

  • User-managed MCP servers

    End users connect, authenticate, and add MCP servers from a dialog in the browser.

Also available

  • Streamdown renderer

    Replace react-markdown with Streamdown for built-in Shiki, KaTeX, and Mermaid.

  • Chain of thought

    Group reasoning and tool calls into one collapsible thinking section.

  • DevTools

    An in-browser panel for inspecting runtime state, model context, and events in development.

  • Langfuse tracing

    One Langfuse trace per chat turn, with LLM and tool-call spans, via OpenTelemetry.

  • LangSmith tracing

    Trace AI SDK calls into a LangSmith project with wrapAISDK.

  • MCP server tools

    Connect MCP servers in the chat route so their tools are available to the model.

  • RTL support

    Right-to-left layout for Arabic, Hebrew, and Persian chat interfaces.

127 elements can be added from their own pages.

Browse elements