Search, read and install agent-ready React components, screens and blocks for AI products.
Connect Remote server
claude mcp add --transport http affectui https://www.affectui.com/api/mcp --header "Authorization: Bearer <YOUR_API_KEY>"{
"mcpServers": {
"affectui": {
"url": "https://www.affectui.com/api/mcp",
"headers": {
"Authorization": "Bearer <YOUR_API_KEY>"
}
}
}
}{
"servers": {
"affectui": {
"type": "http",
"url": "https://www.affectui.com/api/mcp",
"headers": {
"Authorization": "Bearer <YOUR_API_KEY>"
}
}
}
}Settings > Connectors > Add custom connector
URL: https://www.affectui.com/api/mcpReplace the values in angle brackets with your own. Keys stay on your machine; we never see them.
Tools 4 found in our last check
search_componentsFind affectUI components, screens, blocks, illustrations and motion effects for a UI need, e.g. 'chat input with model picker' or 'onboarding checklist'.
list_componentsEvery affectUI item with slug, section, category, free or Pro, and a one-line description.
get_componentDocs for one item: install command, usage example, props, keyboard, accessibility and notes.
get_sourceThe full .tsx source of an item, to write to components/ui/<slug>.tsx when the shadcn CLI isn't available. Pro items need the user's access key in the MCP connection.
Headers
| Name | Description |
|---|---|
AuthorizationOptional, secret | Optional. "Bearer aui_…" with your affectUI Pro access key (Account → Downloads) to get the source of Pro items. Free items and all docs work without it. |
Details
| Endpoint | https://www.affectui.com/api/mcp (Streamable HTTP) |
| First published | 9 Oct 2026 |
| Last updated | 9 Oct 2026 |
| Registry name | io.github.flohoeller/affectui |
More search and web servers See all
Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.