Skip to content
Windsurf

Dev.cards for Windsurf

cards.dev/components

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

client:Windsurf transport:streamable-http tools:3

Install Dev.cards in Windsurf

~/.codeium/windsurf/mcp_config.json · windows: %USERPROFILE%\.codeium\windsurf\mcp_config.json

{
  "mcpServers": {
    "components": {
      "serverUrl": "https://dev.cards/mcp"
    }
  }
}

Global only — Windsurf has no per-project MCP config. Refresh Cascade after saving. Windsurf docs

What Windsurf can do once it is connected

Dev.cards in other clients