Syncfusion MCP servers

MCP Servers: Your AI Assistant Stops Guessing

A Syncfusion MCP server gives your AI-enabled IDE one extra tool: #search_docs. When a question needs current APIs, examples or troubleshooting detail, your assistant fetches the official answer instead of recalling one.

The problem MCP solves

Model Memory Has a Cut-off Date. Your Project Doesn't.

APIs change, features ship, examples get replaced. An assistant working from memory alone answers confidently about a version you may not be running.

memory-only

Memory only

mcp-connected

MCP connected

1. You Ask

Describe the feature, API, error or scenario in your own words.

2. MCP Retrieves

Your assistant calls #search_docs and pulls the relevant official material.

3. You Review

It answers or proposes code in your IDE. Nothing applies until you accept it.

What you can ask

The Questions That Usually Break Your Flow

MCP earns its place when the answer depends on current product detail, not when you just need code completion.

explore-feature

Explore a feature

How to add a newly released or advanced capability to your project.

#search_docs which APIs control row selection in React DataGrid?
look-up-api

Look up an API

Current properties, methods, events and services for a component.

#search_docs which APIs control row selection in React DataGrid?
troubleshoot

Troubleshoot

Describe what is failing and get the relevant configuration guidance.

#search_docs why is my PDF Viewer not loading a new document?
find-example

Find an example

Insert a working implementation into your current file.

#search_docs show a Document SDK Word-to-PDF example.
Setup

Pick Your Platform, Paste One Config Block

Add the server to your MCP client, supply your Syncfusion API key, restart, and call #search_docs.

React MCP server in VS Code

Runs through npx with no global install. The same block works in any client that reads a stdio MCP config.

1

Add the block to your client’s MCP config file.

2

Replace YOUR_API_KEY with the key from your Syncfusion account.

3

Restart the client so it picks up the new server.

4

Call #search_docs in chat and ask your React question.

{
  "servers": {
    "sf-react-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@syncfusion/react-mcp@latest"],
      "env": {
        "Syncfusion_API_Key": "YOUR_API_KEY" }}}
}

Angular MCP server in VS Code

Same stdio pattern as React, pointed at the Angular knowledge base, covering modules, providers and template syntax.

1

Add the block to your client’s MCP config file.

2

Replace YOUR_API_KEY with the key from your Syncfusion account.

3

Restart the client so it picks up the new server.

4

Ask about a component and let it call #search_docs.

{
  "servers": {
    "sf-angular-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@syncfusion/angular-mcp@latest"],
      "env": {
        "Syncfusion_API_Key": "YOUR_API_KEY" }}}
}

Blazor MCP server in VS Code

Shipped as a .NET tool rather than an npm package, so the config points at dnx instead of npx.

1

Install the .NET 10 SDK or later so dnx is available.

2

Add the block to your client’s MCP config file.

3

Replace YOUR_API_KEY with the key from your Syncfusion account.

4

Restart, then ask about SfGrid, SfScheduler or service registration.

{
  "servers": {
    "sf-blazor-mcp": {
      "type":