Skip to content
appsgit

affectUI

affectUI is an MCP server that adds web browsing tools to AI assistants such as Claude Code, Cursor and VS Code. Search, read and install agent-ready React components, screens and blocks for AI products. It has 271 GitHub stars, is released under the MIT license and runs as a remote server at https://www.affectui.com/api/mcp.

github.com/flohoeller/affectui (opens in a new tab)

Data as of from the GitHub API and the official MCP registry; description from the project's repository. Report an error

View on GitHub (opens in a new tab)Website (opens in a new tab)

Install affectUI

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

Settings > Connectors > Add custom connector
URL: https://www.affectui.com/api/mcp

Remote servers are added as a custom connector, not in claude_desktop_config.json.

Claude Code

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

Cursor

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

VS Code

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

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

About affectUI

Website  ·  Browse components  ·  Docs  ·  Install  ·  Pro affectUI is a library of handcrafted React components, illustrations and motion effects for AI products and modern SaaS apps. Every item is one .tsx file with its styles inside: no Tailwind, no CSS setup, no animation library. Install it with the shadcn CLI or copy the file, and it is source you own.

  • animation
  • components
  • design-system
  • nextjs
  • react
  • react-components
  • shadcn
  • shadcn-ui
  • typescript
  • ui

Similar MCP servers

More web & browsing MCP servers

All Web & browsing

FAQ

affectUI FAQ

Still curious? Email info@appsgit.com.

How do I install the affectUI MCP server?

It is a remote MCP server at https://www.affectui.com/api/mcp. Add it with claude mcp add --transport http in Claude Code, as a url entry in .cursor/mcp.json or .vscode/mcp.json, or as a custom connector in the Claude apps.

Is affectUI free?

The server is open source under the MIT license, so running it is free. It needs credentials (an API key or token) for the service it connects to, which may require a paid account.

Is affectUI actively maintained?

The most recent commit was on Oct 24, 2026. appsgit only lists MCP servers with a commit in the last six months.