v7.3.0

Bryntum Model Context Protocol (MCP) Server

The Bryntum MCP server provides AI coding assistants with access to version-specific Bryntum documentation, including API references, configuration options, and live examples. Use it to get accurate, context-aware guidance when integrating and configuring Bryntum components.

Installation

You can install the MCP server in your AI coding tool of choice.

Claude CodeOpenAI CodexCursorVS Code
claude mcp add --transport http bryntum https://mcp.bryntum.com

codex mcp add bryntum --url https://mcp.bryntum.com
  • Open the Command Palette (Cmd + Shift + P on Mac, Ctrl + Shift + P on Windows) and run View: Open MCP Settings. This opens the .cursor/mcp.json file.
  • Add the following property to the mcpServers JSON object:
"Bryntum": {
  "url": "https://mcp.bryntum.com",
  "type": "http"
}
  • Open the Command Palette (Cmd + Shift + P on Mac, Ctrl + Shift + P on Windows) and run MCP: Add Server....
  • Select HTTP (HTTP or Server-Sent Events) Connect to a remote HTTP server that implements the MCP protocol.
  • Enter https://mcp.bryntum.com in the Server URL input.
This adds the following JSON object property to the .vscode/mcp.json file: 
{
    "servers": {
        "Bryntum MCP": {
            "url": "https://mcp.bryntum.com",
            "type": "http"
        }
    },
    "inputs": []
}

You can also install it in AI building platforms that support custom MCP servers, such as Lovable, Replit, and Bolt.

Documentation search tool

The MCP server has a search_bryntum_docs tool that accepts a natural language query and returns version-specific documentation results, including source code, configuration options, and links to live examples. You can filter results by product (for example, Scheduler, Gantt, Calendar) and by version.

The tool name is search_bryntum_docs (full name: mcp__bryntum__search_bryntum_docs).

The search_bryntum_docs tool supports the following parameters:

Name Type Required Description
query string Yes Search term, for example, "infinite scroll"
limit number No Maximum number of results to return (default: 10, max: 100)
product string No Filter by a specific Bryntum product, for example, scheduler
version string No Filter by documentation version. Use "latest" for the most recent version

For example, you could ask your AI coding assistant: "How do I use Bryntum Grid with React?"

Here's the first part of the search_bryntum_docs response:

## Result 1
**Product:** grid
**Version:** 7.2.1
**File:** 
**Relevance:** 0.683

# Basic setup demo (React + Vite)

**Product:** grid
**Framework:** React (Vite)
**URL:** https://bryntum.com/products/grid/examples/frameworks/react-vite/basic/dist/

## Description

This demo contains a basic React data grid component implementation. 
...

The Relevance score shows how closely a search result matches your query. Higher scores mean a better match, they are used for ranking results within the same search.

Usage example

With the MCP server installed, you can ask your AI coding assistant to help you build and configure Bryntum components. For example, you could give it the following prompt:

Create a Bryntum Grid React app

The AI coding assistant uses the search_bryntum_docs tool to look up the relevant API references and generates code based on the official documentation:

The MCP server provides version-specific documentation, which means the generated code uses the correct API for your version of Bryntum. It uses the latest version if not specified.

Contents