LIFEHUBBER
Choose theme

AI Resources

assistant-ui

GitHub stars: 13K GitHub forks: 1.3K Declared license: MIT: MIT Last pushed November 6, 2026: Pushed today
Stats from GitHub

assistant-ui is a React and TypeScript library for building an AI chat interface. It provides pieces for the message list, the typing box, and actions such as editing a prompt or asking for another answer.

The chat components work through a runtime, which connects the interface to a model or backend and handles conversation state. Use this as a first read, not a recommendation. Open the original project before trusting details like terms, limits, privacy, cost, setup, or safety.

What it is

Chat components for React

Use the ready-made chat components or assemble a message list, input box and controls from smaller pieces. The documentation shows how to connect the interface to the Vercel AI SDK, LangGraph or a custom backend.

Why it stands out

Keep another version of a reply

Editing a prompt or regenerating an answer can create a separate path in the conversation. The branch picker lets users switch between versions of a message, so trying another answer need not cost them the one they already had.

Availability

React package and starter

The repository lists the MIT license for the library. The React package is published as @assistant-ui/react, and the repository documents a command-line starter for a new Next.js app or an existing project.

Why it matters

What makes it useful

Say someone likes the first draft of an announcement but wants to see a shorter version. In a chat that supports branching, they can edit the earlier request and try the new wording while keeping the original draft available to revisit.

Notable points

What stands out

In the external-store example, two replies to the same prompt both point back to that prompt. That shared parent is how the app knows the replies are alternatives. If you save a single list of the messages currently on screen, the other path is missing from that saved list.

Before using

What to review

Choose a runtime for the backend you use. The chat components display the conversation, and the connected backend or model produces the replies.

Conversation history across sessions needs storage. The project documents using your own database with adapters or the optional Assistant Cloud service.

If you connect Assistant Cloud, check the docs for your runtime. The hosted service can store conversation messages and record usage events, with the details varying by integration.

Reader fit

Who may find it relevant

This fits a React chat where people often revise instructions or compare replies, such as a writing assistant. If you already run the backend, look at the runtime adapters to see which pieces of chat state the interface expects from it.

Editorial note

Why LifeHubber lists it

LifeHubber lists assistant-ui because its external-store guide shows how to reopen the same version a reader was looking at. Saving the conversation tree keeps both drafts. The selected branch head is the ID at the end of the path the reader chose. Save that ID too, so the app knows which draft to show when the thread opens again. If you store your own history, test both by switching to an alternate draft, reopening the thread, and checking that you can still switch back.

Source links

Source materials

Reader note

Before relying on this entry

LifeHubber lists entries to help readers inspect AI projects, not to endorse them or prove they are safe, suitable, accurate, maintained, or right for a specific use. We do not verify every entry in depth. Before relying on anything listed, review the original materials, terms, privacy practices, limits, and risks that matter for your situation.

Advertisements

Advertisements

For project maintainers

Listed here? You can use the badge.

If you maintain a project with a current LifeHubber listing, you may add the optional “Listed on LifeHubber AI Resources” badge to its README, docs, or website. No introduction or permission request is needed.

See what’s moving