Free UI components with full source in HTML/CSS/JS and React: heroes, pricing, dashboards, forms.
Connect Remote server
claude mcp add --transport http components https://dev.cards/mcp
{
"mcpServers": {
"components": {
"url": "https://dev.cards/mcp"
}
}
}
{
"servers": {
"components": {
"type": "http",
"url": "https://dev.cards/mcp"
}
}
}
Settings > Connectors > Add custom connector
URL: https://dev.cards/mcp
Tools 3 found in our last check
search_componentsSearch 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_componentGet metadata, the design specification, source references and the available implementations of one component by id.
get_component_codeGet 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
| Endpoint | https://dev.cards/mcp (Streamable HTTP) |
| First published | 12 Nov 2026 |
| Last updated | 12 Nov 2026 |
| Registry name | cards.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.
