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 mcp add --transport http bryntum https://mcp.bryntum.com
codex mcp add bryntum --url https://mcp.bryntum.com
- Open the Command Palette (
Cmd + Shift + Pon Mac,Ctrl + Shift + Pon Windows) and run View: Open MCP Settings. This opens the.cursor/mcp.jsonfile. - Add the following property to the
mcpServersJSON object:
"Bryntum": {
"url": "https://mcp.bryntum.com",
"type": "http"
}
- Open the Command Palette (
Cmd + Shift + Pon Mac,Ctrl + Shift + Pon 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.comin the Server URL input.
.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: "Add a column filter"
Here's the first part of the search_bryntum_docs response:
## Result 1
**Product:** taskboard
**Version:** 7.2.1
**File:**
**Relevance:** 0.620
# Column filtering demo
**Product:** taskboard-vanilla
**Framework:** vanilla
**URL:** https://bryntum.com/products/taskboard/examples/column-filtering/
## Description
This example shows the filtering per column feature of the TaskBoard.
## Feature Hints
- **Column filter**: Filter tasks in this column with a flexible filter editor
- **Filtered badge**: When the store has filters applied, the badge on the filter icon reflects that.
_Good to know:_
* The badge does not display the results count, but the number of filters applied.
...
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:
Add column filters
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.