Search, read and install agent-ready React components, screens and blocks for AI products.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
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.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Docs for one item: install command, usage example, props, keyboard, accessibility and notes.
The item's slug, e.g. reaction-bar – add -clean for the clean style, e.g. ai-answer-clean
This tool isn't marked read-only, so it may change something on the server or in an account you connected.
Docs for one item: install command, usage example, props, keyboard, accessibility and notes.
| Argument | Type | Description |
|---|---|---|
| slug* | string | The item's slug, e.g. reaction-bar – add -clean for the clean style, e.g. ai-answer-clean |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"description": "The item's slug, e.g. reaction-bar – add -clean for the clean style, e.g. ai-answer-clean"
}
}
}The 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.
| Argument | Type | Description |
|---|---|---|
| slug* | string | The item's slug, e.g. reaction-bar – add -clean for the clean style, e.g. ai-answer-clean |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"description": "The item's slug, e.g. reaction-bar – add -clean for the clean style, e.g. ai-answer-clean"
}
}
}Every affectUI item with slug, section, category, free or Pro, and a one-line description.
| Argument | Type | Description |
|---|---|---|
| section | string | Limit to one section |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"section": {
"enum": [
"Components",
"Screens",
"Blocks",
"Illustrations",
"Motion"
],
"type": "string",
"description": "Limit to one section"
}
}
}Find affectUI components, screens, blocks, illustrations and motion effects for a UI need, e.g. 'chat input with model picker' or 'onboarding checklist'.
| Argument | Type | Description |
|---|---|---|
| query* | string | What the UI should do or look like |
| section | string | Limit to one section |
| free_only | boolean | Only free items |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"query"
],
"properties": {
"query": {
"type": "string",
"description": "What the UI should do or look like"
},
"section": {
"enum": [
"Components",
"Screens",
"Blocks",
"Illustrations",
"Motion"
],
"type": "string",
"description": "Limit to one section"
},
"free_only": {
"type": "boolean",
"description": "Only free items"
}
}
}