New to KendoReact? Start a free 30-day trial

KendoReact MCP Server

The KendoReact MCP Server lets you interact with AI and reach new levels of developer productivity. The MCP server provides proprietary context to AI-powered IDEs, apps and tools. You can use the KendoReact server for KendoReact AI code generation and ask about KendoReact components, features, or general usage. You can successfully prompt more complex questions and tasks, and generate tailored code that includes KendoReact components and API.

Prerequisites

To use the KendoReact MCP server, you need:

A compatible MCP client (IDE, code editor or app) that supports MCP tools.
A Telerik user account.
An active DevCraft or Kendo UI for React license or a Kendo UI for React trial.
A React application that includes KendoReact.

Installation

Use the documentation of your AI-powered MCP client to add the Kendo React MCP server to a specific workspace or globally. You can see installation tips and examples for some popular MCP clients below.

The generic settings of the KendoReact MCP server are:

Server name: kendo-react-assistant
Type: stdio (standard input/output transport)
Command: npx (the MCP server works through an npm package)
Supported arguments: -y
npm package name: @progress/kendo-react-mcp

You also need to add your Telerik licence key as an env parameter in the mcp.json file. There are two options:

(recommended) Use a TELERIK_LICENSE_PATH argument and point to your Telerik license file location.
Use a TELERIK_LICENSE argument and paste your Telerik license key. Make sure to update the license key when necessary.

VSCode - Copilot

For detailed instructions, refer to Use MCP servers in VS Code.

To enable the Kendo React MCP server in a specific workspace or React app, add a .vscode folder with an mcp.json file at the root of the workspace with the following content:

json

{
  "servers": {
    "kendo-react-assistant": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@progress/kendo-react-mcp@latest"],
      "env": {
        "TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
        // or
        "TELERIK_LICENSE": "YOUR_LICENSE_KEY"
      }
    }
  }
}

To add the Telerik MCP Server globally for VS Code, edit the VS Code settings.json file:

json

{
    // ...
    "chat.mcp.discovery.enabled": true,
    "mcp": {
        "servers": {
            "telerik_react_assistant": {
                "type": "stdio",
                "command": "npx",
                "args": ["-y", "@progress/kendo-react-mcp"],
                "env": {
                    "TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
                }
            }
        }
    }
}

Cursor

For detailed instructions, refer to Model Context Protocol.

To enable the Kendo React MCP server in a specific workspace or React app, add a .cursor folder with an mcp.json file at the root of the workspace with the following content:

json

{
  "mcpServers": {
    "kendo-react-assistant": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@progress/kendo-react-mcp@latest"],
      "env": {
        "TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
        // or
        "TELERIK_LICENSE": "YOUR_LICENSE_KEY"
      },
    }
  }
}

To add the Telerik MCP Server globally for Cursor, add a .cursor folder with the above mcp.json file in your user folder.

Usage

To use the Kendo React MCP server:

Start your prompt with one of the following:
- kendo
- /kendo
- @kendo
- kendoreact
- /kendoreact
- @kendoreact
Confirm that the Kendo React MCP server is used, because this doesn't happen deterministically. Look for a statement in the output, which is similar to:
- Running kendo-react-assistant (in VS Code)
- Calling MCP tool kendo-react-assistant (in Cursor)
If the Kendo React MCP server is not used even though it's installed and enabled, then try rephrasing your prompt and use another trigger syntax from the list in step 1.
Grant the Kendo React MCP server a permission to run for this session, workspace, or always.
If you want to prompt for information or code that are not related to your previous prompts, it is a good practice to start a new session in a new chat window, so that the context is not polluted by irrelevant old information.

Sample Prompts

The following list describes how your prompts may look like:

"Telerik Generate a KendoReact Grid with sorting and paging enabled. Bind the Grid to dummy data."
"Telerik Generate a KendoReact ComboBox that shows a list of products."
"Telerik Show me sample code for a KendoReact Grid with virtual scrolling for the rows and columns."

Number of Requests

The usage limits below will take place after June 28, 2025. Until then, each customer with an active commercial or trial license can make up to 300 daily requests.

The KendoReact MCP Server allows the following maximum number of requests, depending on your Telerik license type:

Perpetual licenses: 50 requests per year
Subscription licenses: virtually unlimited number of requests with a fair use threshold of 300 requests per day
Trial licenses: 300 requests per trial per year. Activating the same trial for a new release does not grant additional 300 requests.

One prompt may trigger several requests to the MCP server, depending on the complexity.

All Telerik AI tools share a single request limit for your Telerik account. For example, the Telerik MCP server and the Telerik Copilot extension both take up from the same usage quota.

Connect to Local AI Model

You can use the KendoReact MCP server with local large language models (LLM). For example, run your local model through Ollama and use a third-party package such as MCP-LLM Bridge to connect the model to the Telerik MCP server. This will allow you to use the KendoReact AI Coding Assistant without a cloud-based AI model.