← All projects
Developer building blocks

assistant-ui

Ready-made building blocks for adding a ChatGPT-style chat window to a website or web app.

Widely usedNew this week

What it does

assistant-ui is a code library for React, a popular way to build websites. It gives developers the pieces of a polished AI chat screen, such as the message list, the text box and the conversation history, so they don't have to build them from scratch.

It handles common chat features like replies that appear word by word, file attachments, formatted text, voice dictation and keyboard shortcuts. It can also show interactive cards when the AI uses a tool, and ask the user to approve actions.

It works with many AI providers and back-end systems. The library is free, and the makers offer an optional paid cloud service for saving chat history and analytics.

Who it's for

Web developers who want to add an AI chat experience to their product.

Can I use it without coding?

Developers only. It is a code library used inside React projects. New to this? Start here.

Can I run it?

Cost
Free, with optional paid extrasThe open-source version is free; the makers also sell a hosted or pro version.
Runs on
Web browser
Computer
An ordinary computer is fine
API key
Not needed

Try it

Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?

Before you install

  • Only download from the official GitHub page. Copies with similar names exist for many popular projects.
  • License (MIT): Very permissive: free to use, change and share, including for business.
  • More on staying safe