What Is KendoReact?
KendoReact is an enterprise-grade React UI library with 120+ components across free and premium tiers. Whether you start with the free tier (50+ components) or adopt the full commercial library, KendoReact gives you everything you need to build production-ready applications.
All components included in KendoReact Free are also part of KendoReact (premium) and, with a few exceptions, each free component's full functionality is available at no cost.
120+ Components Across Free and Premium Tiers
KendoReact covers the full spectrum of UI needs for business applications, available in two tiers — Free (50+ components) and Premium (120+ components):
- Data components — Data Grid, TreeList, ListView, PivotGrid
- Data visualization — Charts (70+ types), Gauges, Barcodes, Diagrams
- Scheduling & planning — Scheduler, Gantt
- Editors & inputs — Rich Text Editor, Date Pickers, Dropdowns, Form
- Layout & navigation — Dialog, Drawer, Tooltip, Notification
- Productivity — PDF processing, Excel export, Upload
The Free tier includes the most widely used components — Data Grid, Date Inputs, Dropdowns, Buttons, and more — with full theming, accessibility, and localization support at no cost. All Free components are part of the Premium library and, with a few exceptions, include their complete functionality. For a component-by-component breakdown, see KendoReact Free vs. Premium.
Accessibility Built In, Not Bolted On
Accessibility is a core requirement in enterprise software, not an afterthought. Every KendoReact component is built with accessibility as a first-class concern, so your application meets compliance standards without requiring manual remediation.
All components ship with out-of-the-box support for:
- WCAG 2.0 (Web Content Accessibility Guidelines) — ensures your UI is perceivable, operable, understandable, and robust for users with disabilities
- Section 508 — meets US federal accessibility requirements for government and public sector applications
- WAI-ARIA — correct ARIA roles, states, and properties are applied automatically, so assistive technologies like screen readers work as expected
Full keyboard navigation is supported across all interactive components, and focus management is handled correctly in complex patterns such as modals, dropdowns, and data grids.
Controlled and Uncontrolled Modes
Most KendoReact components support both controlled and uncontrolled modes, so you can choose the right level of state management for each use case. You can also integrate with state management libraries such as Redux and Relay.
AI Tooling for Faster Development
KendoReact provides AI-powered development assistance through a unified MCP (Model Context Protocol) server that delivers intelligent, context-aware help directly in your IDE. The MCP server automatically recognizes your Telerik license and activates the available tools:
- Agentic UI Generator — Build complete, production-ready UIs using natural language prompts. Describe your desired page, layout, or component configuration, and the AI-powered generator creates responsive, styled React code with proper KendoReact component integration.
This unified MCP server integrates seamlessly with your IDE to provide contextual help and automate repetitive tasks, making it easier to explore the library and build feature-rich applications faster.
AI-Ready UI Components
KendoReact also includes built-in components designed for AI-driven interfaces:
- AIPrompt — a prompt input component for embedding AI interactions directly in your app
- AI Chat — a conversational UI component with LLM integration support
- AI Grid Assistant — a natural-language assistant built into the Data Grid for smart filtering, sorting, and data exploration
See KendoReact AI Components Overview for full setup and usage documentation.
Themes, Design Systems, and Styling
KendoReact is built on the Progress Design System — a comprehensive, production-tested design foundation that ensures visual consistency, accessibility, and scalability across every component. Four polished themes are available out of the box, each aligned with a major design language:
| Theme | Based On |
|---|---|
| Default | Kendo UI Default design system |
| Material | Google Material Design |
| Bootstrap | Bootstrap v4 |
| Fluent | Microsoft Fluent Design System |
Every theme is a starting point, not a constraint. You can customize colors, typography, spacing, border radius, and more through the visual ThemeBuilder tool — no CSS expertise required. Export your customized theme as a CSS or Sass file and drop it straight into your project.
Licensing
KendoReact is a commercial library. You can explore free functionality with no license required, or sign up for a 30-day free trial to access all premium components and dedicated technical support.
To use premium features in production, purchase a license.
The source code is available only for commercial-license holders.
Support
For questions about KendoReact Free or any other KendoReact components, the following support options are available:
- The KendoReact forums provide free community support.
- The KendoReact Feedback Portal and Roadmap show what's planned and in discussion.
- GitHub Issues is the official bug tracker — you can also browse the closed issues list.
- Ticket-based customer support, handled by the developers who build the library, is available with an active trial or commercial license.