Remote MCP server for Layro: 112 production React, TypeScript and Tailwind CSS UI components (62 free) for Cursor, Claude Code, VS Code and other AI coding tools.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http layro https://layropro.com/api/mcp --header 'Authorization: <AUTHORIZATION>'~/.codex/config.toml
[mcp_servers.layro]
url = "https://layropro.com/api/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }
# codex mcp add layro --url https://layropro.com/api/mcp~/.cursor/mcp.json
{
"mcpServers": {
"layro": {
"url": "https://layropro.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"layro": {
"type": "http",
"url": "https://layropro.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"layro": {
"httpUrl": "https://layropro.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"layro": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://layropro.com/api/mcp",
"--header",
"Authorization:<AUTHORIZATION>"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"layro": {
"url": "https://layropro.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}