English Français العربية

Layro

السجل الرسمي البحث والويب

Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.

الشيفرة المصدرية الموقع التوثيق

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http layro 'https://layropro.com/api/mcp' --header 'Authorization: <'\''Bearer <token>'\'' with the CLI token from layropro.com/account. A free account'\''s token unlocks the free components; lifetime access unlocks Pro. Search and component details work without it.>'
إعداد JSON (Claude Desktop وCursor وVS Code) 
{
    "mcpServers": {
        "layro": {
            "type": "http",
            "url": "https://layropro.com/api/mcp",
            "headers": {
                "Authorization": "<'Bearer <token>' with the CLI token from layropro.com/account. A free account's token unlocks the free components; lifetime access unlocks Pro. Search and component details work without it.>"
            }
        }
    }
}

التوثيق

مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على GitHub.

Layro MCP

Layro is a library of 112 production React UI components written in TypeScript and styled with Tailwind CSS (62 free). Its remote MCP server gives Cursor, Claude Code, VS Code, Windsurf, Codex and other MCP clients access to the whole library. Your agent can search the library, read each component's props and usage, and install the tested component with pinned packages.

Install

Add to ~/.cursor/mcp.json (or .cursor/mcp.json in a project):

{
  "mcpServers": {
    "layro": { "url": "https://layropro.com/api/mcp" }
  }
}

Search and component details work with no account. To install components, add the CLI token from https://layropro.com/account. A free account's token unlocks the 62 free components; lifetime access unlocks Pro:

{
  "mcpServers": {
    "layro": {
      "url": "https://layropro.com/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_LAYRO_TOKEN" }
    }
  }
}

Docs: https://layropro.com/mcp

الأسئلة الشائعة

ما هو Layro؟

Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.

كيف أثبّت Layro؟

يعمل كخادم بعيد. في Claude Code: claude mcp add --transport http layro 'https://layropro.com/api/mcp' --header 'Authorization: <'\''Bearer <token>'\'' with the CLI token from layropro.com/account. A free account'\''s token unlocks the free components; lifetime access unlocks Pro. Search and component details work without it.>'. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج Layro إلى مفتاح API؟

نعم. يتطلب Authorization، وتضبطها في إعداداته.

هل Layro مفتوح المصدر؟

شيفرته علنية على GitHub، لكن المستودع لا يعلن ترخيصًا قياسيًا.

من يصون Layro؟

ينشره Uvxxsh. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.