reactbits

The ReactBits MCP Server exposes a set of AI-assisted tools to browse, search, and integrate ReactBits components from ReactBits.dev directly into your AI workflows. Core tools include list_components for enumerating available components with optional category and style filters; get_component to retrieve the source code for a specific component in your preferred styling; search_components to find components by name or description with optional category and result limits; get_component_demo to fetch usage examples and demo code for a given component; and list_categories to reveal all component categories. By configuring the server in your Claude Desktop, VS Code, Cursor, or other clients, you enable your AI assistant to query ReactBits components, generate usage snippets, and assemble demos tailored to your project needs. The server emphasizes fast responses via built-in caching and supports both CSS and Tailwind styling options where available. Use the provided commands to discover components such as animations, backgrounds, buttons, cards, and more, then pull exact source code or demos for rapid integration.

Prerequisites:\n- Node.js installed on your system (npm comes with Node).\n- Basic familiarity with command-line usage.\n\n1) Install globally (optional):\nbash\nnpm install -g reactbits-dev-mcp-server\n\n2) Run directly with npx (no installation required):\nbash\nnpx reactbits-dev-mcp-server\n\n3) Or install as a local dependency in a project:\nbash\nnpm install reactbits-dev-mcp-server\n\n\nFrom Source (if you prefer to build from this repository):\nbash\n# Clone the repository\ngit clone https://github.com/yourusername/reactbits-mcp-server\ncd reactbits-mcp-server\n\n# Install dependencies\nnpm install\n\n# Build the project\nnpm run build\n\n# Run the server\nnpm start\n

Tips and notes:\n- The server typically uses an environment variable GITHUB_TOKEN to increase API limits. Set it in your shell, a .env file, or via your MCP runner configuration.\n- If you encounter rate limits or token-related errors, ensure the token has public repo access and is correctly exported to the environment where the MCP server runs.\n- Available tools focus on ReactBits components and their styling options (CSS, Tailwind). Some components may be incomplete in specific categories (as noted in the Component Quality Status).\n- The npm package name for this server is reactbits-dev-mcp-server. If you install locally, you can run npm start to start the MCP server.\n- When integrating with clients, use the example configurations for Claude Desktop, VS Code, or Cursor to wire the MCP server with your environment.