Model Context Protocol
Connect your AI editor to ReactBits using the Model Context Protocol (MCP). This allows assistants like Cursor to directly access and install components without manual copying.
What is MCP?
MCP is a standard for exposing model context from local and remote resources. By configuring this server, you enable your AI tools to "see" and understand the ReactBits library structure and component code directly.
Configuration
Add the following registry configuration to your project's components.json file:
Usage with Cursor
Once configured, you can ask Cursor to add components naturally:
The AI will automatically fetch the component code, install necessary dependencies (like framer-motion), and place the file in your configured components directory.
Manual Installation
Prefer the classic way? You can always copy/paste component code directly. Check out the Installation guide for details.