Koskamo

DRYL Components MCP

A read-only MCP server for the DRYL Blazor UI component library that allows coding agents to search for components, retrieve exact API parameters and enum members, access CSS tokens for theming, and validate Razor markup against the real API.

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

DRYL Components MCP logo, by DRYLVendor evidenceStreamable HTTPNo sign-inEndpoint checked 2026-11-01Operated by DRYL
MCP endpoint (Streamable HTTP)
https://components.dryl.dev/mcp
Vendor documentation

What you can do with it

  • Search for available Blazor UI components
  • Get exact parameters and enum members for a component
  • Retrieve CSS variables for theming
  • Validate Razor markup against the API

Source and maintenance

Vendor evidenceRegistry 3.12.0
mcp-registry: dev.dryl/components@3.12.0Source repositoryProject website
Maintenance checked

Protocol and capabilities

Server
dryl-components 3.13.0
MCP protocol
2025-06-18
Tools
4 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {},
  "logging": {}
}

Tools

4 advertised

search_components — Search DRYL components
Advertised by the server during the last successful anonymous check.
Advertised read-only

Find DRYL Blazor components (DRYL.Components and DRYL.Components.Agents) by name, title, category or purpose. Use this first when you need a component for a job; then call get_component for its exact API.

search_components input schema
{
  "type": "object",
  "required": [
    "query"
  ],
  "properties": {
    "limit": {
      "type": "integer",
      "default": 10,
      "description": "Maximum number of results, 1–50. Default 10."
    },
    "query": {
      "type": "string",
      "description": "What to look for: a component name with or without the 'Dryl' prefix ('button', 'DrylDatePicker'), a category ('Inputs') or a purpose ('date', 'chart', 'streaming text')."
    }
  }
}
search_components output schema
{
  "type": "object",
  "required": [
    "version",
    "results",
    "hint"
  ],
  "properties": {
    "hint": {
      "type": [
        "string",
        "null"
      ]
    },
    "results": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "name",
          "category",
          "summary",
          "aiAware",
          "docsUrl"
        ],
        "properties": {
          "name": {
            "type": "string"
          },
          "aiAware": {
            "type": "boolean"
          },
          "docsUrl": {
            "type": [
              "string",
              "null"
            ]
          },
          "summary": {
            "type": "string"
          },
          "category": {
            "type": "string"
          }
        }
      }
    },
    "version": {
      "type": "string"
    }
  }
}
search_components annotations
{
  "title": "Search DRYL components",
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}
get_component — Get a DRYL component's API
Advertised by the server during the last successful anonymous check.
Advertised read-only

The exact public API of one DRYL component: every parameter with type, default and description, the members of every enum it uses, its public methods and a canonical Razor example. DRYL variants are enums, never strings: write an enum value as qualifiedName.Member (e.g. Variant="DrylButton.ButtonVariant.Secondary") — many enums are nested in their component, so the bare enum name does not compile.

get_component input schema
{
  "type": "object",
  "required": [
    "name"
  ],
  "properties": {
    "name": {
      "type": "string",
      "description": "Component name, case-insensitive, with or without the 'Dryl' prefix: 'DrylButton', 'button'."
    }
  }
}
get_component output schema
{
  "type": "object",
  "required": [
    "version",
    "name",
    "category",
    "summary",
    "aiAware",
    "docsUrl",
    "apiUrl",
    "parameters",
    "enums",
    "methods",
    "example"
  ],
  "properties": {
    "name": {
      "type": "string"
    },
    "enums": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "name",
          "qualifiedName",
          "description",
          "members"
        ],
        "properties": {
          "name": {
            "type": "string"
          },
          "members": {
            "type": "array",
            "items": {
              "type": "object",
              "required": [
                "name",
                "description"
              ],
              "properties": {
                "name": {
                  "type": "string"
                },
                "description": {
                  "type": "string"
                }
              }
            }
          },
          "description": {
            "type": "string"
          },
          "qualifiedName": {
            "type": "string"
          }
        }
      }
    },
    "apiUrl": {
      "type": "string"
    },
    "aiAware": {
      "type": "boolean"
    },
    "docsUrl": {
      "type": [
        "string",
        "null"
      ]
    },
    "example": {
      "type": [
        "string",
        "null"
      ]
    },
    "methods": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "signature",
          "returnType",
          "description"
        ],
        "properties": {
          "signature": {
            "type": "string"
          },
          "returnType": {
            "type": "string"
          },
          "description": {
            "type": "string"
          }
        }
      }
    },
    "summary": {
      "type": "string"
    },
    "version": {
      "type": "string"
    },
    "category": {
      "type": "string"
    },
    "parameters": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "name",
          "type",
          "default",
          "required",
          "kind",
          "cascading",
          "description"
        ],
        "properties": {
          "kind": {
            "type": "string"
          },
          "name": {
            "type": "string"
          },
          "type": {
            "type": "string"
          },
          "default": {
            "type": "string"
          },
          "required": {
            "type": "boolean"
          },
          "cascading": {
            "type": "boolean"
          },
          "description": {
            "type": "string"
          }
        }
      }
    }
  }
}
get_component annotations
{
  "title": "Get a DRYL component's API",
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}
get_tokens — Get DRYL design tokens
Advertised by the server during the last successful anonymous check.
Advertised read-only

The CSS custom properties DRYL styles itself with, grouped (colors, glass, accent, spacing, radius, motion, …), with the dark value and — where light mode differs — the light value. Reference these with var(--name) in your CSS instead of writing literal colors, sizes or durations; DRYL follows the user's color mode through them.

get_tokens input schema
{
  "type": "object",
  "properties": {
    "category": {
      "type": [
        "string",
        "null"
      ],
      "default": null,
      "description": "Optional group name, case-insensitive ('Motion', 'Spacing'). Omit to get every group."
    }
  }
}
get_tokens output schema
{
  "type": "object",
  "required": [
    "version",
    "categories"
  ],
  "properties": {
    "version": {
      "type": "string"
    },
    "categories": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "name",
          "description",
          "tokens"
        ],
        "properties": {
          "name": {
            "type": "string"
          },
          "tokens": {
            "type": "array",
            "items": {
              "type": "object",
              "required": [
                "name",
                "dark",
                "light",
                "note"
              ],
              "properties": {
                "dark": {
                  "type": "string"
                },
                "name": {
                  "type": "string"
                },
                "note": {
                  "type": [
                    "string",
                    "null"
                  ]
                },
                "light": {
                  "type": [
                    "string",
                    "null"
                  ]
                }
              }
            }
          },
          "description": {
            "type": "string"
          }
        }
      }
    }
  }
}
get_tokens annotations
{
  "title": "Get DRYL design tokens",
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}
validate_markup — Validate DRYL Razor markup
Advertised by the server during the last successful anonymous check.
Advertised read-only

Check a Razor snippet's <Dryl…> tags against DRYL's real API before you finish: unknown components, unknown parameters, and enum parameters given a string or a member that does not exist — each with a suggested fix. Call it on every DRYL markup you write or change. It scans tags; it does not compile Razor.

validate_markup input schema
{
  "type": "object",
  "required": [
    "razor"
  ],
  "properties": {
    "razor": {
      "type": "string",
      "description": "The Razor markup to check — a component, a page or a fragment; up to 50,000 characters."
    }
  }
}
validate_markup output schema
{
  "type": "object",
  "required": [
    "version",
    "valid",
    "findings",
    "notChecked"
  ],
  "properties": {
    "valid": {
      "type": "boolean"
    },
    "version": {
      "type": "string"
    },
    "findings": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "line",
          "kind",
          "severity",
          "message",
          "suggestion"
        ],
        "properties": {
          "kind": {
            "type": "string"
          },
          "line": {
            "type": "integer"
          },
          "message": {
            "type": "string"
          },
          "severity": {
            "type": "string"
          },
          "suggestion": {
            "type": [
              "string",
              "null"
            ]
          }
        }
      }
    },
    "notChecked": {
      "type": "string"
    }
  }
}
validate_markup annotations
{
  "title": "Validate DRYL Razor markup",
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
1373 ms
95th percentile latency
1373 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 1373 ms · metadata changed · 4 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http dryl-components-mcp https://components.dryl.dev/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add dryl-components-mcp --url https://components.dryl.dev/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable dryl-components-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "dryl-components-mcp": {
      "url": "https://components.dryl.dev/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "dryl-components-mcp": {
      "type": "streamableHttp",
      "url": "https://components.dryl.dev/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start dryl-components-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "dryl-components-mcp": {
      "type": "http",
      "url": "https://components.dryl.dev/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http dryl-components-mcp https://components.dryl.dev/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "dryl-components-mcp": {
      "url": "https://components.dryl.dev/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "dryl-components-mcp": {
      "serverUrl": "https://components.dryl.dev/mcp"
    }
  }
}

Let your agent find its tools

Find servers like DRYL Components MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 6,643

Do you run DRYL Components MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing