raindrop-mcp
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@raindrop-mcpsearch my bookmarks for tailwind css"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Raindrop MCP Server
Search and retrieve your curated bookmarks from Raindrop.io directly in your AI-powered IDE (Antigravity, Cursor, VS Code, etc.).
Features
🔍 Search your bookmarked tools, components, and resources
📋 List all bookmarks in a collection
📦 New:
search_bookmark_components- Search UI/component libraries in your bookmarks for specific components and return deep links directly.🎨 New:
extract_design_system- Fetch any URL (or bookmark) and parse CSS variables, custom colors, fonts, and layout metadata to automatically map out its design system.🌧️ Auto-updates when you add new bookmarks via browser extension
🔐 Secure credential storage
🚀 Works cross-platform (Linux, macOS, Windows)
⚡ Automatic IDE configuration
Related MCP server: Raindrop.io MCP Server
Tools
1. search_raindrop
Search bookmarks in your Raindrop collection.
Arguments:
query(string)
2. list_raindrop
List all bookmarks in your Raindrop collection.
Arguments: None
3. search_bookmark_components
Deep search matching component keywords (like "navbar", "carousel") inside your bookmarked UI libraries.
Arguments:
query(string): The UI component name to find.collectionId(string, optional): Raindrop collection ID (defaults to configured collection). Use"0"to search all collections.
4. extract_design_system
Extract colors, custom variables, fonts, and structural layout indicators from a website URL.
Arguments:
url(string): The URL of the website to analyze.
Quick Start
1. Install and Setup (Automatic)
You can install the package globally in a single step, which will automatically run the interactive setup wizard:
npm install -g @djrcx/raindrop-mcpOr you can run the setup wizard on-demand using npx:
npx -p @djrcx/raindrop-mcp raindrop-mcp-setupThis server cannot be deployed
Maintenance
Related MCP Connectors
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
Search your knowledge bases from any AI assistant using hybrid RAG.
Direct access to Cypress tests results and accessibility reports in your AI workflow.
Search and pull 500+ production-ready React + Tailwind sections and elements
Related MCP Servers
- FlicenseBqualityFmaintenanceAn integration that allows Large Language Models to interact with Raindrop.io bookmarks through the Model Context Protocol, enabling users to create and search bookmarks directly through AI assistants.374-
- AlicenseNot gradedqualityDmaintenanceEnables AI agents to access and manage Raindrop.io bookmarks, collections, tags, and highlights through the Model Context Protocol. Supports CRUD operations, advanced search, file uploads, and bulk editing of bookmarks.99 npmMIT
- AlicenseNot gradedqualityDmaintenanceProvides AI agents with deep visibility into a running web page's UI by capturing DOM, styles, and screenshots through a lightweight bookmarklet. It facilitates design-to-code comparisons, accessibility audits, and automated CSS debugging directly within an IDE.30 npm3MIT
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to save and search bookmarks using OpenAI's RAG capabilities for intelligent bookmark management and retrieval.MIT