Layro

Find Layro React + Tailwind components by what they do. Returns the best matches first with slug, category, access (free or pro) and version. Start here, then call get_component for details.

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "minLength": 1,
      "maxLength": 200,
      "description": "What you need, in plain words: \"animated dashboard card\", \"date range picker\"."
    },
    "category": {
      "description": "Only this category (name or slug from list_categories).",
      "type": "string",
      "maxLength": 64
    },
    "limit": {
      "description": "How many results. Default 8.",
      "type": "integer",
      "minimum": 1,
      "maximum": 20
    }
  },
  "required": [
    "query"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Everything about one component except its source: when to use it, props, variants, npm dependencies, the files it installs, a typechecked usage example with real props, how it sizes and scrolls (layout), the components it pairs with and the recipes it appears in.

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 200,
      "description": "A component slug, like \"data-table\"."
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

The complete source for one component and every file it imports, ready to save at the paths given. Free components need a free Layro account's token; Pro components need the caller's Layro lifetime access. Install with the shadcn CLI instead when you can run commands (see get_installation).

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 200,
      "description": "A component slug, like \"data-table\"."
    },
    "include_dependencies": {
      "description": "Also return every file it imports (the theme, foundations, sibling components). Default true. Set false only if those are already in the project.",
      "type": "boolean"
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Installation for one or more components: the one-time @layro registry setup for components.json, the shadcn CLI command (always @layro/<slug>, never a bare URL), a ready-to-run agent command with a 15-minute install token when this connection carries a CLI token, the npm packages still missing (pass installed_packages from package.json), the files and where they go, and the theme setup.

{
  "type": "object",
  "properties": {
    "slugs": {
      "minItems": 1,
      "maxItems": 10,
      "type": "array",
      "items": {
        "type": "string",
        "maxLength": 200
      },
      "description": "One or more component slugs."
    },
    "package_manager": {
      "description": "Default npm.",
      "type": "string",
      "enum": [
        "npm",
        "pnpm",
        "yarn",
        "bun"
      ]
    },
    "mode": {
      "description": "Default \"cli\": the shadcn CLI install, packages and files. \"manual\" or \"both\" adds copy-by-hand steps, for when you cannot run the CLI.",
      "type": "string",
      "enum": [
        "cli",
        "manual",
        "both"
      ]
    },
    "installed_packages": {
      "description": "npm packages the project already has (from package.json), so they are not suggested again.",
      "maxItems": 300,
      "type": "array",
      "items": {
        "type": "string",
        "maxLength": 214
      }
    }
  },
  "required": [
    "slugs"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

The categories in the Layro catalogue with the components in each, plus the library contract: stack, theme, access, install path, and the accessibility and responsive behaviour every component has.

{
  "type": "object",
  "properties": {},
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Find complete Layro React / Next.js templates: what each is, its stack, a live preview and how it is licensed.

{
  "type": "object",
  "properties": {
    "query": {
      "description": "What the template is for. Leave out to list all templates.",
      "type": "string",
      "maxLength": 200
    },
    "limit": {
      "type": "integer",
      "minimum": 1,
      "maximum": 10
    }
  },
  "$schema": "http://json-schema.org/draft-07/schema#"
}

One template's details and whether the caller may download it. Never returns the template's files.

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 200,
      "description": "A template slug, like \"settle\"."
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Whether the caller can take a component or template, and why: free, subscriber, lifetime, purchased or unauthorized.

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 200,
      "description": "A component or template slug."
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

The theme's colour tokens (light and dark values, and what each one colours), how to restyle Layro to a brand from your own CSS without editing components, the type scale, and the cn() config for it.

{
  "type": "object",
  "properties": {},
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Complete, runnable files that combine several Layro components the way they fit together: an AI chat app shell (Sidebar + Conversation History + AI Chat, with a phone drawer), a dashboard app and a billing page. Without a slug, lists the recipes. Every recipe typechecks against the components.

{
  "type": "object",
  "properties": {
    "slug": {
      "description": "A recipe slug, like \"ai-chat-app\". Leave out to list the recipes.",
      "type": "string",
      "maxLength": 200
    }
  },
  "$schema": "http://json-schema.org/draft-07/schema#"
}