reactbits-mcp-server

Overview

The ReactBits MCP Server allows AI assistants to browse, search, and retrieve source code for React components including animations, backgrounds, buttons, cards, and text effects. It features both CSS and Tailwind styling options with built-in caching for optimal performance. The server exposes tools for listing components, retrieving specific components, searching, and getting demo code examples.

Try asking AI

After installing, here are 3 things you can ask your AI assistant:

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

  List all available ReactBits components with optional filtering

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

  Get the source code for a specific ReactBits component

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

  Search for ReactBits components by name or description

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

  Get usage example and demo code for a ReactBits component

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

  List all available component categories

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

Comparable tools

Installation

# Install globally
npm install -g reactbits-dev-mcp-server

# Or run directly with npx (no installation required)
npx reactbits-dev-mcp-server

# Or install as a dependency
npm install reactbits-dev-mcp-server

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

Compare reactbits-mcp-server with