AI UI Components for React

A whole chat window: greeting, streaming answers, stop, retry and regenerate.

One chat in four places: a floating widget, an embedded panel, a copilot sidebar or a full page.

One turn in a conversation, for the person or the assistant, with sources and attachments.

An answer arriving word by word that looks finished at every moment in between.

The wait before the first word: what it is doing, for how long, and the trail so far.

Copy, regenerate and rate an answer, with every button confirming in place.

The box you type in: grows with the text, Enter sends, and Send becomes Stop.

The screen before the first message: who is listening, what it knows, and what to ask.

The full input: attach files, pick a model, slash commands and @mentions.

Included with lifetime access

Starter questions as cards, chips or a list, with categories and a shuffle.

Included with lifetime access

The sidebar of past chats: grouped by day, searchable, rename, pin and delete in place.

Included with lifetime access

What an assistant remembers about someone, and the controls to change it.

Included with lifetime access

A whole agent screen: task in, plan, tool calls, approval and a summary out.

Included with lifetime access

The top of a run: state, current step, a live clock, and Pause and Stop.

Included with lifetime access

The agent's plan as steps that tick off live, with the risky one flagged ahead.

Included with lifetime access

One tool the agent used: what it sent, what came back, how long it took.

The agent stops and asks first, showing the exact thing it wants to do.

Included with lifetime access

Everything a run did, in order: follow it live, or inspect it step by step.

Included with lifetime access

Every past run: how it ended, how long it took, what it cost.

Included with lifetime access

The receipt at the end: the outcome, what changed, what it made, the cost.

Included with lifetime access

Set up an agent: model, instructions, limits, and what each tool may do.

Included with lifetime access

What failed in a run, every attempt so far, and only the safe ways out.

Included with lifetime access

A run drawn as a graph: dependencies, parallel branches and the path it took.

Included with lifetime access

Every call in a run on one time axis, with the slowest path marked.

Included with lifetime access

Step through a recorded run: input, output and state at every event.

Included with lifetime access

What an agent asked for, what it is allowed, and the change before you save.

Included with lifetime access

Everything an agent would change, field by field, before any of it happens.

Included with lifetime access