# affectUI blocks for shadcn/ui

> Agent-ready React components for AI products – tool calls, thinking states, approvals, chat and inputs. One file each, no dependencies.

affectUI publishes 10 blocks for shadcn/ui, all of them free. In its own words: Agent-ready React components for AI products – tool calls, thinking states, approvals, chat and inputs. One file each, no dependencies. Its blocks cover integration, chat and empty state.

Free blocks install with the shadcn CLI under the @affectui namespace, so the code lands in your project.

- Page, with live previews: https://shadcn.exchange/r/affectui
- Its own site: https://www.affectui.com/?utm_source=shadcn.exchange
- 10 blocks, all free. Last changed 2026-11-01.
- Categories: Chat (1), Integrations (2), Empty state (1)
- Search its blocks as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&registry=affectui&q=<words>`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free blocks

All 10 blocks, in the order its page shows them. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Enrichment Orbit](https://shadcn.exchange/r/affectui/enrichment-orbit): Grok tile inside two rings with comets and data nodes orbiting around it. `npx shadcn@latest add https://shadcn.exchange/r/affectui/enrichment-orbit.json`
- [Integration Beam](https://shadcn.exchange/r/affectui/integration-beam): Your product between the tools it connects – light pulses flow along curved beams, hover to focus a tool, click to pause it. `npx shadcn@latest add https://shadcn.exchange/r/affectui/integration-beam.json`
- [Empty Calendar](https://shadcn.exchange/r/affectui/empty-calendar): Stack of calendar cards marked empty, fanning out on hover. `npx shadcn@latest add https://shadcn.exchange/r/affectui/empty-calendar.json`
- [Integration Grid](https://shadcn.exchange/r/affectui/integration-grid): Honeycomb-like wall of integration logos around a bright centre tile with your product mark, fading out toward the edges. `npx shadcn@latest add https://shadcn.exchange/r/affectui/integration-grid.json`
- [DACH Region](https://shadcn.exchange/r/affectui/region-dach): DACH map with fading neighbours and a pastel band along the border, switchable to the US, China, India, Brazil or Japan. `npx shadcn@latest add https://shadcn.exchange/r/affectui/region-dach.json`
- [Tab Overload](https://shadcn.exchange/r/affectui/tab-overload): Overlapping browser windows where the highlight follows the hovered tab. `npx shadcn@latest add https://shadcn.exchange/r/affectui/tab-overload.json`
- [Logo Cluster](https://shadcn.exchange/r/affectui/logo-cluster): Your mark on a white disc in the middle – company logos bounce out of it and settle around it. `npx shadcn@latest add https://shadcn.exchange/r/affectui/logo-cluster.json`
- [Ghosted Chat](https://shadcn.exchange/r/affectui/ghosted-chat): Unanswered chat messages marked as read, with a thumbs-down reply on hover. `npx shadcn@latest add https://shadcn.exchange/r/affectui/ghosted-chat.json`
- [Side Folder](https://shadcn.exchange/r/affectui/side-folder): Glassy blue folder on its side, documents sliding out to the right as the pocket swings open on hover. `npx shadcn@latest add https://shadcn.exchange/r/affectui/side-folder.json`
- [Layer Stack](https://shadcn.exchange/r/affectui/layer-stack): Isometric stack of five layers with a list beside it – the chosen entry lifts its layer out in color. `npx shadcn@latest add https://shadcn.exchange/r/affectui/layer-stack.json`