AI-Assisted Development with the Kendo UI MCP Server for React
Install in your IDE and connect your LLM. Use the AI Assistant for component code and the Agent to assemble pages, bind data, set routing, and ship clean React UI with 120+ Kendo UI components.
30-day FREE trial including technical support and training. No credit card required.
Struggling to Generate Repetitive React Code?
Most developers are trying to incorporate AI into their workflows. It’s great for creating components, scaffolding and performing other repetitive tasks. The problem is that most code generators don’t have the context to create code and/or components to solve more complex business requirements. As a result, developers spend time on manual adjustments, fixes and other tasks that eat into the productivity gains they had expected.
Introducing the KendoReact MCP Servers
Generic AI can write code, but it rarely knows the product context great UI work depends on. The KendoReact AI Assistant and the new AI Agent for React bring that context into your workflow, delivering accurate code, page composition, and guidance so you can ship beautiful, functional UI.
Highlights:
- Develop in your IDE: Install the KendoReact AI services as an MCP server and use them directly inside your editor.
- Use your LLM: Choose the model that fits the job. OpenAI, Gemini, Anthropic, and others are supported. Local mode is available too.
- Chat or go agentic: Ask the Assistant for component-level help or let the Agent assemble full pages, set layout and theme, bind data, and add routing using KendoReact.
- Grounded in KendoReact: Suggestions and generations draw on Kendo UI and KendoReact docs, APIs, and examples for clean, usable code.
Use Cases:
Kendo UI AI Coding Assistant acts as a new member on your team.
- Automate repetitive tasks such as adding components, configuring props, and fixing imports.
- Get answers from KendoReact docs, API references, and examples while you code.
- Troubleshoot component issues with targeted suggestions and explanations.
- Generate working pages from a prompt. The Agent selects components, wires data, applies layout and theme, and adds routing you can review and commit.
- Scale patterns across the app by having the Agent scaffold CRUD pages, grids, and forms that follow best practices.
Video
Check out the KendoReact MCP Servers
Two Tiers of MCP Servers: AI Coding Assistant or Agentic UI Generator
MCP servers that add Telerik and Kendo context to your AI-enabled editor. Generate and configure components, scaffold and refactor code, get API-aware explanations, and pull in docs to troubleshoot.
Telerik and Kendo AI Coding Assistants
The Progress® Telerik® and Progress® Kendo UI® AI Coding Assistants are MCP servers that provide proprietary context to your AI-enabled IDE of choice.
- Gain up to 30% extra efficiency or more by generating specialized code
- Automate repetitive tasks such as generating code for adding new or configuring existing components
- Based on Telerik and Kendo UI API, Docs, source code, and examples
- Fetches info from documentation and helps troubleshoot any component problem
Impact of Context Aware AI Tools
WITHOUT
Generic AI guesses component names and props, gives wrong imports and outdated patterns. You spend time fixing bindings and examples.
WITH
The Assistant understands Telerik and Kendo UI. It suggests the right APIs, adds the correct imports, configures bindings and explains why, so the code runs with less rework.
INSTALL
MCP server via NPM
Prerequisite: To make use of the MCP servers you must have an already set up IDE and an active Telerik subscription or trial.
ACCESS
- Included in all active subscriptions
Telerik Agentic UI Generator
Turn prompts into working pages built on Telerik and/or Kendo UI. Easily integrating with your already existing workflow, the AI UI Generator understands our components and patterns, fits enterprise needs and outputs clean code you can keep.
- Gain up to 50% extra productivity
- Automate layout building, scaffolding and styling of entire pages, connect multiple components together
- Works seamlessly with your own IDE, no workflow change needed
- Accessibility, performance, and best practices make it suitable for enterprise level complex projects
Impact of Context Aware AI Tools
WITHOUT
You hand-assemble a page. Choose layout, wire a grid to data, add a form, set routing, apply theme, repeat across screens.
WITH
You describe the page. The Agent picks the right components, sets layout and theme, binds data and writes code in your project. You review the diff, tweak props and commit.
INSTALL
MCP server via NPM
Prerequisite: To make use of the MCP servers you must have an already set up IDE and an active Telerik subscription or trial.
ACCESS
- DevCraft Complete subscription
- DevCraft Ultimate subscription
Getting started with the AI Tools for KendoReact
Using our Kendo UI MCP tools lets you build complex components and even full pages from a prompt. Here's how it all works together.
Start with KendoReact
KendoReact is built for enterprise React apps. It offers everything from navigation and layout to data grids, charts, schedulers and editors. You get detailed docs, theme packages, UI kits, TypeScript support and more.
Try KendoReact free today
Or trial DevCraft for full AI support
Install the Kendo UI AI Assistant and Agent
Inside your IDE install our MCP servers. Use the Assistant for components. Use the Agent for full page builds. Connect your LLM, keep your npm/pnpm/yarn workflow and generate clean, reviewable React code based on KendoReact.
See our Getting Started article
Enjoy the Results
Teams report notable efficiency gains with AI. With KendoReact your Assistant speeds component development. The Agent builds pages, binds data, applies theme and adds routes or Next.js pages. Review, tweak, commit. Free to try, so get started now.
Already Have Kendo UI
for React?
Get Started with AINeed a Trial of Kendo UI
for React?
Get a Free TrialHow to Try
Trying is free and easy. Here is how.
Everything happens in your favorite IDE!
- Sign up for a trial account. This will give you 30-day free use of KendoReact and access to professional support and 300 free prompts. There is no credit card or obligation of any kind. (Note that you can continue to use KendoReact Free as long as you like but it does not include the AI Coding Assistant.)
- Install KendoReact.
- Install the Kendo UI AI MCP Server.
Wondering What All This Costs?
You can choose from three buying options.
See Complete Pricing InfoKendo React Subscription
per developer, per year
- 120+ React Components
- Telerik AI Coding Assistant
- ThemeBuilder Ultimate (for easy styling)
- 50+ Page Templates and Building Blocks
- Professional Support
DevCraft UI Subscription
per developer, per year
- Everything in KendoReact
- Hundreds of Components for Popular .NET and JavaScript Frameworks
- Telerik AI Coding Assistant
- Telerik Reporting (DevCraft Complete)
- Telerik JustMock (DevCraft Complete)
DevCraft Ultimate Subscription
per developer, per year
- Everything in Devcraft Complete
- End-to-end report management solution
- ThemeBuilder Enterprise