reactbits-mcp-server

概述

ReactBits MCP 服务器允许 AI 助手浏览、搜索和检索 React 组件的源代码，包括动画、背景、按钮、卡片和文本效果。它提供 CSS 和 Tailwind 样式选项，并内置缓存以实现最佳性能。该服务器提供了列出组件、检索特定组件、搜索和获取演示代码示例的工具。

试试问 AI

装完之后，这里有 3 个你可以让 AI 做的事：

• list_componentslist_components(category?, style?, limit?)

  List all available ReactBits components with optional filtering

  试试:List all animation components with Tailwind support试试:Show me all button components
• get_componentget_component(name, style?)

  Get the source code for a specific ReactBits component

  试试:Show me the source code for the splash cursor component试试:Get the CSS version of the glass morphism card
• search_componentssearch_components(query, category?, limit?)

  Search for ReactBits components by name or description

  试试:Find all components related to cards试试:Search for glowing button effects
• get_component_demoget_component_demo(name)

  Get usage example and demo code for a ReactBits component

  试试:Show me how to use the glow button component试试:Get a demo for the particle background
• list_categorieslist_categories()

  List all available component categories

  试试:What categories of components are available?试试:Show me all categories

可对比工具

安装

# 全局安装
npm install -g reactbits-dev-mcp-server

# 或使用 npx 直接运行（无需安装）
npx reactbits-dev-mcp-server

# 或作为依赖项安装
npm install reactbits-dev-mcp-server

{
  "mcpServers": {
    "reactbits": {
      "command": "npx",
      "args": ["reactbits-dev-mcp-server"],
      "env": {
        "GITHUB_TOKEN": "your_github_token_here"
      }
    }
  }
}

reactbits-mcp-server 对比