Skip to content
VS Code

Dev.cards for VS Code

cards.dev/components

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

client:VS Code transport:streamable-http tools:3

Install Dev.cards in VS Code

.vscode/mcp.json

{
  "servers": {
    "components": {
      "type": "http",
      "url": "https://dev.cards/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs

What VS Code can do once it is connected

Dev.cards in other clients