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.

Set up a Server
See What Changes
  • Official Syncfusion knowledge
  • Inside your existing IDE
  • You review every change
  • Official Syncfusion knowledge
  • Inside your existing IDE
  • You review every change
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

  • API details may be incomplete or out of date.
  • Recently shipped features are missing entirely.
  • Advanced configuration sends you back to research.
  • Troubleshooting becomes a documentation search.
mcp-connected

MCP connected

  • Current documentation retrieved on demand.
  • APIs, examples and guidance looked up as you work.
  • Questions stay inside your development workflow.
  • Real context behind the code it proposes.
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.

Setup Guide 
{
  "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.

Setup Guide 
{
  "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.

Setup Guide 
{
  "servers": {
    "sf-blazor-mcp": {
      "type": "stdio",
      "command": "dnx",
      "args": ["Syncfusion.Blazor.Mcp@latest", "--yes"],
      "env": {
        "Syncfusion_API_Key": "YOUR_API_KEY" }}}
}

Document SDK MCP server in VS Code

Covers the PDF, Word, Excel and PowerPoint libraries plus the editor and viewer SDKs.

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

Ask about merging PDFs, mail merge or Excel formula APIs.

Setup Guide 
{
  "servers": {
    "sf-docsdk-mcp": {
      "type": "stdio",
      "command": "dnx",
      "args": ["Syncfusion.DocumentSDK.Mcp@latest", "--yes"],
      "env": {
        "Syncfusion_API_Key": "YOUR_API_KEY" }}}
}
CHOOSE YOUR STACK

All MCP Servers

Install the package for your platform and start building with AI in minutes.

WEB UI

React

@syncfusion/react-mcp

WEB UI

Angular

@syncfusion/angular-mcp

WEB UI

Vue

@syncfusion/vue-mcp

WEB UI

JavaScript

@syncfusion/javascript-mcp

WEB UI

TypeScript

@syncfusion/typescript-mcp

.NET WEB

Blazor

Syncfusion.Blazor.Mcp

.NET WEB

ASP.NET Core

Syncfusion.AspNetCore.Mcp

.NET WEB

ASP.NET MVC

Syncfusion.AspNetMvc.Mcp

CROSS PLATFORM

.NET MAUI

Syncfusion.Maui.Mcp

DESKTOP

WPF

Syncfusion.Wpf.Mcp

DESKTOP

WinForms

Syncfusion.WinForms.Mcp

DESKTOP

UWP

Syncfusion.Uwp.Mcp

DESKTOP

WinUI

Syncfusion.WinUI.Mcp

DOCUMENTS

Document SDK

Syncfusion.DocxEditor.Mcp

Trust and control

Context In. No Control Out.

MCP supplies context, you approve every change, prompts aren’t used for training, and licensed use is unlimited.

knowledge-bridge

A knowledge bridge, not an editor

MCP supplies context. Code changes are proposed through your IDE’s assistant.

not-used-for-training

Prompts not used for training

Syncfusion states MCP prompts are not stored or used to train models.

review-before-applying

You review before applying

Suggested changes are accepted or rejected in your own environment.

no-request-caps

No Syncfusion request caps

Unlimited for eligible licensed users. Your AI provider’s own costs still apply.

Works in

VS Code

Cursor

Syncfusion Code Studio

JetBrains IDEs

GET STARTED

Give Your Assistant Somewhere to Look It Up

One config block connects the right MCP server to the IDE you already use.

Set up a Server
Read the MCP docs

Frequently Asked Questions

You need either Node.js 18 or later (for React, Angular, JavaScript, TypeScript, and Vue MCP Servers) or the .NET SDK 8 or later (for ASP.NET MVC, ASP.NET Core, Blazor, Document SDK, MAUI, WinForms, WinUI, and WPF MCP Servers), a compatible MCP client (VS Code, Cursor, Code Studio, etc.), a Syncfusion API key, and an active Syncfusion license (Commercial, Community, or Trial).

Syncfusion MCP Servers are free with unlimited usage. The MCP Server connects your development environment to Syncfusion’s enterprise component library and documentation. All code generation happens through your IDE’s AI assistant (like Claude in Cursor or the GitHub Copilot), so there are no additional charges, token limits, or request caps from Syncfusion. You’ll only pay for your AI provider’s service if you’re using a paid IDE or LLM subscription.

The tools don't access project files or workspace contents directly. User prompts are not stored or used for training. The MCP Servers act as a knowledge bridge while respecting your privacy.

Syncfusion MCP Servers provide context, code suggestions, and implementation guidance based on your project's structure and coding conventions. Through your IDE's AI assistant, you can review suggested changes before applying them. You maintain full control over your codebase, as any code generation or modification requires your review and approval within the IDE. The MCP Server supplies relevant context and recommendations, but it does not make changes to your code automatically.

For optimal results, use high-performance models like Claude Sonnet 4.5 (recommended), GPT-5, or Gemini 3 Pro. These models better understand complex component relationships.

Absolutely! Syncfusion MCP Servers integrate seamlessly with any existing React, Angular, or Blazor project. Simply install the required MCP Server in your IDE, and you’ll have instant access to intelligent component suggestions, implementation patterns, and best practices for Syncfusion components.

Yes, you can deploy an application that uses Syncfusion components to unlimited clients. We only license on a per-developer basis and do not charge any runtime, royalty, or deployment fees. More about licensing.