Dev.cards for Claude.ai

cards.dev/components

Free UI components with full source in HTML/CSS/JS and React: heroes, pricing, dashboards, forms.

client:Claude.ai transport:streamable-http tools:3

Install Dev.cards in Claude.ai

Settings → Connectors → Add custom connector

https://dev.cards/mcp

Claude on the web takes a remote URL and completes OAuth in the browser. For a packaged server use Claude Desktop or Claude Code instead. Claude.ai docs

What Claude.ai can do once it is connected

search_components
get_component
get_component_code

Dev.cards in other clients

Claude Code
Claude Desktop
Cursor
VS Code
Zed
Windsurf
Cline
Gemini CLI
Grok
ChatGPT
LangChain

Dev.cards MCP server