Yes. affectUI is free: add it to your Claude Market library, no bank card needed.

How do I install affectUI in Claude?

Add affectUI to your library to get its URL. In Claude, open Settings › Connectors, click “Add custom connector” and paste the URL.

Does affectUI work with Claude Code?

Yes. In a terminal, run claude mcp add --transport http followed by a name and the connector URL.

Is affectUI an official Anthropic product?

No. affectUI is a public project; this listing was created by Claude Market from its repository and the product is not hosted here. Claude Market is an independent project, not affiliated with Anthropic.

affectUI

Community hub

Listing created by Claude Market from the project’s public repository. Not hosted here.Is this your project? Claim this listing ›

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

All reviews:: No reviews
Release date:: 9 October 2026
Creator:: Public project (github.com)
Type:: MCP

Add affectUI

Free · Added to your library, no credit card needed.

Free

Add to my library

Add to wishlist Follow

About affectUI

affectUI is a library of React components for AI products: runs, tool calls, traces, handoffs, approvals and context, plus inputs, menus, charts and screens. Each item is a single .tsx file with its styles inside. Its MCP server lets Claude search, read and install components.

Details

Version:: 1.0.0
Updated:: 12 November 2026
Verification:: Not verified
Repository:: github.com/flohoeller/affectui
Website:: www.affectui.com/docs/ai

Report this product

What it can do

The creator has not described the access yet.

Install affectUI in Claude

An MCP connector links Claude to a service: Claude can then read or do things there for you, with your consent. It takes about two minutes.

Add it to your libraryClick “Add to my library” on this page: it is free and instant.
Copy the connector URLIn your library, select the product: its URL is shown with a “Copy” button.
Add it in ClaudeIn Claude (website or app), open Settings › Connectors, click “Add custom connector”, give it a name and paste the URL.
Connect your accountIf the service asks you to sign in (your Notion, GitHub… account), Claude opens its page: only grant the access you need.
Use it in a conversationTurn the connector on in the conversation’s tools menu, then just ask for what you want.

With Claude CodeIn a terminal: claude mcp add --transport http connector-name followed by the URL copied from your library.

Before adding a product, read its permissions above. You can remove a connector or skill at any time in Claude’s settings.

affectUI: frequently asked questions

Is affectUI free?: Yes. affectUI is free: add it to your Claude Market library, no bank card needed.
How do I install affectUI in Claude?: Add affectUI to your library to get its URL. In Claude, open Settings › Connectors, click “Add custom connector” and paste the URL.
Does affectUI work with Claude Code?: Yes. In a terminal, run claude mcp add --transport http followed by a name and the connector URL.
Is affectUI an official Anthropic product?: No. affectUI is a public project; this listing was created by Claude Market from its repository and the product is not hosted here. Claude Market is an independent project, not affiliated with Anthropic.