MCP server

affectUI

io.github.flohoeller/affectui

Checked 25 Oct 2026, 20:29 UTC · Connected to it and listed its tools

Search, read and install agent-ready React components, screens and blocks for AI products.

Website Source

At a glance

Type

MCP server

Publisher

Not verified

Status

Working at last check

Tools

4

Token cost

About 513 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

25 Oct 2026, 20:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http affectui https://www.affectui.com/api/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.affectui]
url = "https://www.affectui.com/api/mcp"

Gemini CLI

{"mcpServers":{"affectui":{"httpUrl":"https://www.affectui.com/api/mcp"}}}

Cursor

{"mcpServers":{"affectui":{"url":"https://www.affectui.com/api/mcp"}}}

VS Code

{"servers":{"affectui":{"type":"http","url":"https://www.affectui.com/api/mcp"}}}

Antigravity

agy mcp add affectui https://www.affectui.com/api/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"affectui","server_url":"https://www.affectui.com/api/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"affectui","server_url":"https://www.affectui.com/api/mcp"}

Tools

• get_component ~110 tokens
  Docs for one item: install command, usage example, props, keyboard, accessibility and notes.
• get_source ~130 tokens
  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.
• list_components ~104 tokens
  Every affectUI item with slug, section, category, free or Pro, and a one-line description.
• search_components ~169 tokens
  Find affectUI components, screens, blocks, illustrations and motion effects for a UI need, e.g. 'chat input with model picker' or 'onboarding checklist'.

Browse

• GitHub tools
• GitHub and code hosting

Related MCP servers

• Doorman
  Spam, pitch and fraud screening for website forms. Sign up, wire forms, test and review.
• Layro
  Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.
• Vlak
  Accessible React components, tokens, usage guidance, and install commands for product interfaces.
• Eased
  Motion-first React components for shadcn: search, read docs and get install commands.
• Crucibleui Registry
  Browse and install Crucible's animated React components into shadcn-style projects.
• Beamline UI
  React UI parts your agent copies into your repo as code you own: 200+ components, 50+ screens.
• UICapsule
  Search and install interactive React components with unusual motion, via the shadcn CLI.
• UpFork
  Search, view and install React + Tailwind CSS components and landing pages from UpFork.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.flohoeller/affectui.svg)](https://aptlynx.net/servers/io.github.flohoeller/affectui)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents