logoassistant-ui

Thread

Overview

The raw message list and message composer UI.

Sample

How can I help you today?

Getting Started

Add thread

npx shadcn@latest add "https://r.assistant-ui.com/thread"

This adds a /components/assistant-ui/thread.tsx file to your project, which you can adjust as needed.

Use in your application

/app/page.tsx
import { Thread } from "@/components/assistant-ui/thread";
 
export default function Home() {
  return (
    <div className="h-full">
      <Thread />
    </div>
  );
}

Model Context

Previous Page

ThreadList

Next Page

On this page

Edit on Github