Ripple MCP server
Answer with live UI cards: charts, tables, diagrams and dashboards drawn inline in the chat.
Also known as qbtrix/ripple, @ripple-ui/mcp
- Stars
- 0
- Tools
- —
- Downloads, 30 days
- —
- Latest version
- 0.1.0
- Last commit
- —
- License
- —
What is Ripple MCP?
Ripple is an MCP server. Answer with live UI cards: charts, tables, diagrams and dashboards drawn inline in the chat.
How to install Ripple MCP
Formats verified 10 Nov 2026Add to CursorAdd to GooseInstall Ripple MCP in Claude Code
$ claude mcp add ripple -- npx -y @ripple-ui/mcpInstall Ripple MCP in Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"ripple": {
"command": "npx",
"args": [
"-y",
"@ripple-ui/mcp"
]
}
}
}Install Ripple MCP in VS Code
.vscode/mcp.json
{
"servers": {
"ripple": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ripple-ui/mcp"
]
}
}
}Install Ripple MCP in VS Code CLI
$ code --add-mcp '{"name":"ripple","type":"stdio","command":"npx","args":["-y","@ripple-ui/mcp"]}'Install Ripple MCP in Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"ripple": {
"command": "npx",
"args": [
"-y",
"@ripple-ui/mcp"
]
}
}
}Install Ripple MCP in Codex
$ codex mcp add ripple -- npx -y @ripple-ui/mcpInstall Ripple MCP in Codex config.toml
~/.codex/config.toml
[mcp_servers.ripple] command = "npx" args = ["-y", "@ripple-ui/mcp"]
Install Ripple MCP in Gemini CLI
$ gemini mcp add -s user ripple npx -- -y @ripple-ui/mcpInstall Ripple MCP in Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"ripple": {
"command": "npx",
"args": [
"-y",
"@ripple-ui/mcp"
]
}
}
}No environment variables or API keys required.Setup guides:Claude CodeCursorVS CodeClaude Desktop
Ripple MCP questions
How do I add Ripple MCP to Claude Code?
Run claude mcp add ripple -- npx -y @ripple-ui/mcp in your terminal. Add --scope user to make it available in every project.
How do I add Ripple MCP to Cursor?
Open ~/.cursor/mcp.json and add the server under mcpServers, using the Cursor config shown in the install section above.