LogoSTMCP
Download
Magic MCP

Magic MCP

This project provides a Magic MCP server for seamless frontend development with AI-powered component generation. Magic MCP is a tool that integrates with editors like VS Code, Cursor, Windsurf, and Cline to help developers generate, edit, and manage React components using AI. It supports easy setup, customizable output, and works directly with your existing codebase. The project is open source, currently in beta, and encourages community contributions and feedback. All features are free during the beta period, and it aims to streamline frontend workflows by providing instant access to a library of reusable components.

Tools

1. CreateUiTool

Description: Use this tool when the user requests a new UI component—e.g., mentions /ui, /21 /21st, or asks for a button, input, dialog, table, form, banner, card, or other React component

2. RefineUiTool

Description: Use this tool when the user requests to re-design/refine/improve current UI component with /ui or /21 commands, or when context is about improving, or refining UI for a React component or molecule (NOT for big pages)

3. FetchUiTool

Description: Use this tool when the user wants to see component, get inspiration, or /21st fetch data and previews from 21st.dev. This tool returns the JSON data of matching components without generating new code

4. LogoSearchTool

Description: Search and return logos in specified format (JSX, TSX, SVG). Supports single and multiple logo searches with category filtering. When user types "/logo" command or asks to add a company logo that's not in the local project

JSON Config

{
  "mcpServers": {
    "@21st-dev/magic": {
      "command": "npx",
      "args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"your-api-key\""]
    }
  }
}

Useful Links

NPMGitHubHomepageDeepWiki

Information

Categories

Tags

Back

More MCP Server

A git MCP server

A git MCP server

@modelcontextprotocol/servers/tree/main/src/git

A Model Context Protocol server for Git repository interaction and automation. This server provides tools to read, search, and manipulate Git repositories via Large Language Models.

uvxstdio
Browserbase MCP Server

Browserbase MCP Server

@browserbase/mcp-server-browserbase

This server provides cloud browser automation capabilities using Browserbase and Stagehand. It enables LLMs to interact with web pages, take screenshots, extract information, and perform automated actions with atomic precision.

npxstdiostreamable-http
Hugeicons MCP Server

Hugeicons MCP Server

@hugeicons/mcp-server

This is a TypeScript-based MCP server that provides tools and resources for integrating Hugeicons into various platforms. It implements a Model Context Protocol (MCP) server that helps AI assistants provide accurate guidance for using Hugeicons.

npxstdio