# affectUI (MCP server)

> 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.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/flohoeller/affectui |
| GitHub stars | 271 |
| License | MIT |
| Language | TypeScript |
| Transport | streamable-http |
| Packages | none (remote only) |
| Remote URL | https://www.affectui.com/api/mcp |
| Needs API key | yes |
| Official | no |
| Works with | Claude Code, Cursor, VS Code, Claude.ai, ChatGPT |
| Category | Web & browsing |
| Latest release | none |
| Last commit | Oct 24, 2026 |
| MCP registry name | io.github.flohoeller/affectui |

## Install

### 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

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

### Cursor (.cursor/mcp.json)

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

### VS Code (.vscode/mcp.json)

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

Config formats checked against the official docs on 2026-10-07.

## Similar MCP servers

- [Google Surf MCP](https://appsgit.com/mcp-servers/google-surf-mcp): Web, academic and code search with graph RAG, data lineage, ontology and cross-project schema links. (291 stars, MIT, needs API key)
- [PyScrappy](https://appsgit.com/mcp-servers/pyscrappy): Web-scraping toolkit with 22 tools for structured web data as JSON for AI agents. (263 stars, MIT)
- [squirrelscan](https://appsgit.com/mcp-servers/squirrelscan): Website QA for your coding agent: audit SEO, performance, security, accessibility over MCP. (296 stars, MIT, official)
- [reMarkable MCP Server](https://appsgit.com/mcp-servers/remarkable-mcp-server): Read, render, search, and manage reMarkable documents through MCP. (254 stars, MIT)
- [Spotifyscraper](https://appsgit.com/mcp-servers/spotifyscraper): Public Spotify metadata, lyrics and podcasts for LLM agents. (322 stars, MIT)
- [Neural Memory](https://appsgit.com/mcp-servers/neural-memory): Persistent memory for AI agents — 55 MCP tools, spreading activation recall. (242 stars, MIT)

---

Canonical page: https://appsgit.com/mcp-servers/affectui
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.