← all repositories

flohoeller/affectui

affectUI is an open-source React component library for building user interfaces for AI agents, covering runs, tool calls, traces, handoffs, and approvals.

★559 stars TypeScript Agents
Collecting fresh signals — velocity needs a few days of history.
collecting data…
star history

affectUI provides single-file React components for displaying what AI agents do, such as agent trees, tool calls, traces, handoffs, approvals, and context, along with general UI elements like inputs, menus, charts, and illustrations. Components are installed via the shadcn CLI or through an MCP server used with tools like Claude Code, Cursor, or Codex. Each component is a self-contained .tsx file with styles included and no Tailwind or CSS setup required.

Frequently asked

What is flohoeller/affectui?
affectUI is an open-source React component library for building user interfaces for AI agents, covering runs, tool calls, traces, handoffs, and approvals.
Is affectui open source?
Yes — flohoeller/affectui is open source, released under the MIT license.
What language is affectui written in?
flohoeller/affectui is primarily written in TypeScript.
How popular is affectui?
flohoeller/affectui has 559 stars on GitHub.
Where can I find affectui?
flohoeller/affectui is on GitHub at https://github.com/flohoeller/affectui.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.