xiry.

Development · Web app

assistant-ui

Open-source TypeScript and React component library for building AI chat interfaces

From the Xiry library · Updated 10 October 2026

Visit github.com ↗

assistant-ui provides modular React primitives and CLI scaffolding to integrate AI chat copilots into web applications. It handles streaming, markdown, and keyboard shortcuts while allowing developers to render generative UI from model tool calls. It integrates directly with the Vercel AI SDK, LangGraph, and custom backend streams.

What it's for

  • Embed an in-app AI assistant into an existing React or Next.js web application
  • Render tool calls and JSON responses as interactive React components inline
  • Trigger frontend actions like navigation or modal popups directly from chat tool outputs
  • Connect front-end chat threads to Vercel AI SDK or LangGraph backends

Features

  • Composable primitives including Thread, Message, Composer, and ActionBar
  • Generative UI support for rendering tool calls into custom UI cards
  • Built-in streaming, auto-scroll, attachments, retries, and markdown formatting
  • CLI tool to scaffold new projects or inject shadcn-styled components
  • Runtime adapters for Vercel AI SDK, LangGraph, and custom data streams
  • Accessible, unstyled components compatible with Base UI and Radix UI

Pricing

Open source. Free (MIT license); optional paid Assistant Cloud for managed thread storage and analytics

Details

Type
Web app
Category
Development
Topic
UI Components
Open source
Yes
Platforms
Code library
For
React and Next.js developers building AI copilots and chat interfaces
Alternative to
CopilotKit, Vercel AI SDK UI components
Tags
react, nextjs, ai chat, copilot, shadcn, typescript, generative ui

Why it was saved

  • @simonfarshid, 25 February 2025: The demo shows a working AI copilot (balance Q&A, navigation, Change PIN action) added to a Next.js banking app in under 4 minutes — a concrete pattern for embedding agent-driven UI actions in a SaaS product.

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated