affectUI
Server Details
Search, read and install agent-ready React components, screens and blocks for AI products.
- Status
- Healthy
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- Repository
- flohoeller/affectui
- GitHub Stars
- 18
TDQS
Score is being calculated.
Available Tools
4 toolsget_componentaffectUI item docsInspect
Docs for one item: install command, usage example, props, keyboard, accessibility and notes.
| Name | Required | Description | Default |
|---|---|---|---|
| slug | Yes | The item's slug, e.g. reaction-bar |
get_sourceaffectUI item sourceInspect
The full .tsx source of an item, to write to components/ui/.tsx when the shadcn CLI isn't available. Pro items need the user's access key in the MCP connection.
| Name | Required | Description | Default |
|---|---|---|---|
| slug | Yes | The item's slug, e.g. reaction-bar |
list_componentsList affectUI itemsInspect
Every affectUI item with slug, section, category, free or Pro, and a one-line description.
| Name | Required | Description | Default |
|---|---|---|---|
| section | No | Limit to one section |
search_componentsSearch affectUIInspect
Find affectUI components, screens, blocks, illustrations and motion effects for a UI need, e.g. 'chat input with model picker' or 'onboarding checklist'.
| Name | Required | Description | Default |
|---|---|---|---|
| query | Yes | What the UI should do or look like | |
| section | No | Limit to one section | |
| free_only | No | Only free items |
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
4 tool updates
- First observed
get_component - First observed
get_source - First observed
list_components - First observed
search_components
Related MCP Connectors
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
Search your team's shared AI-skill library, get install commands, and save skills from your agent.
- BeamlineOAuthio.beamline
React UI system for coding agents: 190 components and screens your agent installs in your app.
1 Search and fetch AI agents, skills, prompts and MCP connectors from the Spark marketplace.
Related MCP Servers
- AlicenseNot gradedqualityBmaintenanceEnables AI coding agents to search across 340+ React UI registries, inspect component code and quality scores, compare options, detect a project's stack, and generate or execute safe transactional install plans. It provides read and write safeguards with dry-run planning and rollback.1MIT
- AlicenseNot gradedqualityAmaintenanceEnables coding agents to search, inspect, and retrieve real UI components from existing component libraries, with ranked results, score explanations, licence and provenance details, and safe installation plans. It also surfaces similar components and higher-level UI patterns so agents can reuse existing interface code instead of generating it from scratch.94 npmMIT
- AlicenseAqualityDmaintenanceProvides coding agents live access to shadcn-style component registries, enabling them to search, compare, and fetch real component source code for UI composition.5119 npm5MIT
- AlicenseAqualityDmaintenanceEnables AI assistants to retrieve React, Svelte, Vue, and React Native component source code, demos, blocks, and metadata for building UIs in AI-powered development workflows.107,053 npmMIT
Glama MCP Gateway
Add one secure layer between your agents and this server.