NestDaddy

Dev.cards

cards.dev/components · v1.0.0

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

Connect Remote server

Terminal
claude mcp add --transport http components https://dev.cards/mcp
~/.cursor/mcp.json
{
  "mcpServers": {
    "components": {
      "url": "https://dev.cards/mcp"
    }
  }
}
.vscode/mcp.json
{
  "servers": {
    "components": {
      "type": "http",
      "url": "https://dev.cards/mcp"
    }
  }
}
Claude Desktop
Settings > Connectors > Add custom connector
URL: https://dev.cards/mcp

Tools 3 found in our last check

  • search_components

    Search the published Dev.cards UI components (hero sections, pricing tables, dashboards, forms, navigation and more) by text and implementation target. Returns compact metadata: id, version, name, category, description and targets. Leave q empty to list every component.

  • get_component

    Get metadata, the design specification, source references and the available implementations of one component by id.

  • get_component_code

    Get the complete, pre-generated source files of one component for one tested target, with their SHA-256 hashes, setup instructions and pinned dependencies. Vanilla is javascript; React is typescript. Styling is always css.

Details

Endpointhttps://dev.cards/mcp (Streamable HTTP)
First published12 Nov 2026
Last updated12 Nov 2026
Registry namecards.dev/components

More search and web servers See all

Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.