← WebMCP Directory

Tool tree

baby-ui.nexonauts.com

Developer ToolsTools verified
Website
Animated, accessible React and Svelte components on one token layer. Install any of 310+ components with the shadcn CLI, in TypeScript or JavaScript.
Explore capabilities

    page: Every page

    search_componentsAnswer

    Find Baby UI components by intent or name, e.g. 'date range picker' or 'animated counter'. Returns the best matches with their markdown docs URL.

    View tool JSON
    {
      "name": "search_components",
      "kind": "answer",
      "impl": "imperative",
      "description": "Find Baby UI components by intent or name, e.g. 'date range picker' or 'animated counter'. Returns the best matches with their markdown docs URL.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "query": {
            "type": "string",
            "description": "What the UI needs to do, or a component name."
          },
          "limit": {
            "type": "number",
            "minimum": 1,
            "maximum": 25,
            "default": 8
          }
        },
        "required": [
          "query"
        ]
      },
      "page": "/"
    }
    list_componentsAnswer

    List Baby UI components, optionally filtered by category or tier. Categories: base, blocks, advanced, animated, agents, text, backgrounds, charts, og-images, emails.

    View tool JSON
    {
      "name": "list_components",
      "kind": "answer",
      "impl": "imperative",
      "description": "List Baby UI components, optionally filtered by category or tier. Categories: base, blocks, advanced, animated, agents, text, backgrounds, charts, og-images, emails.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "category": {
            "type": "string",
            "enum": [
              "base",
              "blocks",
              "advanced",
              "animated",
              "agents",
              "text",
              "backgrounds",
              "charts",
              "og-images",
              "emails"
            ]
          },
          "tier": {
            "type": "string",
            "enum": [
              "free",
              "pro"
            ]
          }
        }
      },
      "page": "/"
    }
    get_componentAnswer

    The full reference for one component as markdown: when to use it and what to use instead, install, usage, props, keyboard, accessibility, motion and notes for AI.

    View tool JSON
    {
      "name": "get_component",
      "kind": "answer",
      "impl": "imperative",
      "description": "The full reference for one component as markdown: when to use it and what to use instead, install, usage, props, keyboard, accessibility, motion and notes for AI.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "slug": {
            "type": "string",
            "description": "e.g. `signature-pad`"
          }
        },
        "required": [
          "slug"
        ]
      },
      "page": "/"
    }
    get_install_commandAnswer

    The @baby-ui/cli command that adds one or more components to a React or Svelte project; it reads framework and TS/JS from components.json. Pro components install from the account page instead.

    View tool JSON
    {
      "name": "get_install_command",
      "kind": "answer",
      "impl": "imperative",
      "description": "The @baby-ui/cli command that adds one or more components to a React or Svelte project; it reads framework and TS/JS from components.json. Pro components install from the account page instead.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "slugs": {
            "type": "array",
            "items": {
              "type": "string"
            },
            "minItems": 1
          },
          "packageManager": {
            "type": "string",
            "enum": [
              "bun",
              "npm",
              "pnpm",
              "yarn"
            ],
            "default": "npm"
          }
        },
        "required": [
          "slugs"
        ]
      },
      "page": "/"
    }
    open_componentAction

    Open a component's page on this site, where its live preview and controls are.

    View tool JSON
    {
      "name": "open_component",
      "kind": "act",
      "impl": "imperative",
      "description": "Open a component's page on this site, where its live preview and controls are.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "slug": {
            "type": "string"
          }
        },
        "required": [
          "slug"
        ]
      },
      "page": "/"
    }