Magic UI MCP Server by magicuidesign
56 score
ModelContextProtocol server for Magic UI that allows AI assistants to easily implement UI components for web applications by providing code for components like marquees, animations, special effects, and interactive backgrounds.
Ranked #1192 out of 8164 indexed tools.
Is this your tool? Claim this listing to add maintainer context, get a verified badge, and unlock analytics.
Claim listing → Signal Breakdown
Installs 1.8k
Freshness 29d ago
Issue Health 100%
Stars 185
Platform Breadth 1 platform
Contributors 3
Description Detailed
How to Improve
Platforms medium impact
Badge
[](https://agentrank-ai.com/skill/glama-magicuidesign--mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/skill/glama-magicuidesign--mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/skill/glama-magicuidesign--mcp" alt="AgentRank"></a> Supported Platforms
From the README
# @magicuidesign/mcp
Official ModelContextProtocol (MCP) server for [Magic UI](https://magicui.design/).
<div align="center">
</div>
## Install MCP configuration
```bash
npx @magicuidesign/cli@latest install <client>
```
### Supported Clients
- [x] cursor
- [x] windsurf
- [x] claude
- [x] cline
- [x] roo-cline
## Manual Installation
Add to your IDE's MCP config:
```json
{
"mcpServers": {
"magicuidesign-mcp": {
"command": "npx",
"args": ["-y", "@magicuidesign/mcp@latest"]
}
}
}
```
## Example Usage
Once configured, you can questions like:
> "Make a marquee of logos"
> "Add a blur fade text animation"
> "Add a grid background"
## Available Tools
The server provides the following tools callable via MCP:
| Tool Name | Description Read full README on GitHub →