affectUI
93 React components, screens, and blocks for AI products, each one dependency-free file
affectUI is a React UI library for AI products and SaaS by Florian Höller. It has 93 items: 41 components, 12 app screens, 10 blocks, 22 illustrations, and 8 motion effects. The components cover agent work, such as an agent plan, an approval card, a tool call card, an inline diff, and thinking states. They also cover inputs, charts, a data table, toasts, and navigation. Each item is one .tsx file for React 19 with its styles inside, so it needs no Tailwind and no animation library. Colors come from CSS variables with a short prefix for each component. 85 items switch to dark mode on a dark class or data-theme attribute, and all motion respects reduced motion settings. 39 items are free under the MIT license and install with the shadcn CLI. The other 54, including all 12 screens, need a Pro license that you buy one time. An llms.txt file, a full docs file, and an MCP server give agents the whole catalog.
npx shadcn@latest add https://www.affectui.com/r/button.jsonRead https://www.affectui.com/llms.txt first. It lists all 93 items with a Free or Pro label and the install command. Install a free item with npx shadcn@latest add https://www.affectui.com/r/<slug>.json. The file lands in components/ui. Keep its own styles and motion, and restyle it through its prefixed CSS variables. Pro items need the buyer's access key as a Bearer header, so do not try to install them without one. Connect the MCP server at https://www.affectui.com/api/mcp to search items and read their source.
Why it is here. It gives AI products ready agent surfaces, such as approvals, tool calls, and inline diffs, as single React files with no dependencies.
- 93 items, 39 free under MIT
- one .tsx file each, no dependencies
- agent plan, approval, tool call, and inline diff components
- llms.txt, shadcn registry, and MCP server
- one-time Pro license
Verified 2026-10-12. HTTP 200. Checked https://www.affectui.com/, /llms.txt, /llms-full.txt, /r/registry.json, /r/button.json, /pricing, /license, /terms, /docs/introduction, /docs/accessibility, and /docs/theming on 2026-10-12. llms.txt lists 93 items: 41 components, 12 screens, 10 blocks, 22 illustrations, and 8 motion effects. The registry serves the 39 free items. button.json is one file with no dependencies, and it checks prefers-reduced-motion. The MCP server at /api/mcp answered initialize as affectui 1.0.0 and listed four tools. The GitHub API reports flohoeller/affectui under MIT with 19 stars, created on 2026-10-03, with a last push on 2026-10-11. The pricing page showed Pro at $99 for founders, then $199, and Team at $499. Source tweet: https://x.com/neropursue/status/2109514246853677192.
