ReactBitsSAFE
MCP server providing access to 135+ animated React components from ReactBits.dev (9.2/10 test score)
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
A Model Context Protocol (MCP) server that provides AI assistants with access to ReactBits.dev components - a collection of 135+ animated React components for creative developers.
⚠️ Important Note: Some ReactBits components (buttons, forms, loaders) currently have incomplete implementations. See Component Quality Status below.
Features
- 🎨 Component Discovery: Browse and search through all ReactBits components
- 🔍 Smart Search: Find components by name, category, or description
- 💅 Style Options: Access both CSS and Tailwind versions of components
- 📁 Category Navigation: Filter components by categories (animations, backgrounds, buttons, etc.)
- 🚀 Fast Performance: Built-in caching for optimal response times
- 📝 Demo Generation: Get usage examples and demo code for any component
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
From Source
# Clone the repository git clone https://github.com/yourusername/reactbits-mcp-server cd reactbits-mcp-server # Install dependencies npm install # Build the project npm run build # Run the server npm start
Configuration
Claude Desktop
Add to your Claude Desktop configuration:
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%\Claude\claude_desktop_config.json Linux: ~/.config/Claude/claude_desktop_config.json
{
"mcpServers": {
"reactbits": {
"command": "npx",
"args": ["reactbits-dev-mcp-server"],
"env": {
"GITHUB_TOKEN": "your_github_token_here"
}
}
}
}VS Code (with Continue extension)
Add to your VS Code settings:
{
"continue.server": {
"mcpServers": {
"reactbi9025d0aa10d8OBSERVED · 2026-10-08Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control. Replace the environment placeholders with a token scoped to the least it needs.
claude mcp add reactbits-dev-mcp-server --env GITHUB_PERSONAL_ACCESS_TOKEN=${GITHUB_PERSONAL_ACCESS_TOKEN} --env GITHUB_TOKEN=${GITHUB_TOKEN} -- npx -y [email protected]{
"mcpServers": {
"reactbits-dev-mcp-server": {
"command": "npx",
"args": [
"-y",
"[email protected]"
],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_PERSONAL_ACCESS_TOKEN}",
"GITHUB_TOKEN": "${GITHUB_TOKEN}"
}
}
}
}Exposed tools (5)
5 read · 0 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
get_component | read | Get the source code for a specific ReactBits component |
get_component_demo | read | Get usage example and demo code for a ReactBits component |
list_categories | read | List all available component categories |
list_components | read | List all available ReactBits components with optional filtering |
search_components | read | Search for ReactBits components by name or description |
Trust audit
SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | PASS |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- none-observed
- Network
- declared (5 observation(s))
- Shell
- none-observed
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (1)
@modelcontextprotocol/sdk, @types/node, axios, cheerio, node-html-parser, tsx, typescript
Gates applied: no_behavioural_pass.
9025d0aa10d8full audit observations/trust-audit/mcp-server/ceorkm__reactbits.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-08 | 9025d0aa10d8 | SAFE | B | 89 | first audit |
Questions
What is the ReactBits MCP server?
MCP server providing access to 135+ animated React components from ReactBits.dev (9.2/10 test score)
What tools does ReactBits expose?
5 in total: 5 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is ReactBits safe to connect to an agent?
The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B.
What credentials does ReactBits need?
It reads GITHUB_PERSONAL_ACCESS_TOKEN and GITHUB_TOKEN from the environment. Give it a token scoped to the least it needs — an agent that can be talked into calling a tool can be talked into calling it with your credentials.
How does ReactBits run?
It speaks stdio, so it runs as a local process your client starts. It is published on npm as reactbits-dev-mcp-server at 1.1.2.
How current is this page?
The grade is for one exact copy of the source (9025d0aa10d8), read on 2026-10-08. The repository is watched and re-audited when it changes.