[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all&utm_content=banner)

# KendoReact: All Components Package for React

> **Important**
>
> -   This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)&mdash;an enterprise-grade UI library with 120+ free and premium components.
> -   To use this package, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-react-ui).
> -   It contains both free and premium KendoReact components and tools. To use the premium components, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-react-ui). You can use the free components without having to sign up or get a license key.
> - If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free).
> - If you have an active license, visit the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all) to learn how to configure your KendoReact licensing.
> - Installing and working with this package indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all).
> - The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!
>
> [Start using KendoReact](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all) and speed up your development process!

Every UI component in the KendoReact suite has been built from the ground-up specifically for React. This package includes all 120+ free and premium components part of the [Progress KendoReact UI library for React](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all).

## What is available in KendoReact

The KendoReact library contains UI components that range from advanced ones such as the data grid, charts and gauges, rich text editor, and scheduler – to free form elements such as date pickers, dropdowns, and various inputs. There are also helper libraries such as PDF and Excel processing packages.

For a full list of all available UI components, helper utilities, and accompanying documentation articles, refer to the [KendoReact components list](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all).

> If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free).

All components in KendoReact are fully accessible and come with compliance for WCAG 2.0, Section 508, and WAI-ARIA accessibility standards.

The source code is available only for commercial-license holders.

## KendoReact vs KendoReact Free

KendoReact Free is a free version of the KendoReact component library that includes over 50 customizable, enterprise-grade KendoReact components. The free React library includes essential components such as a performant data grid, date inputs, dropdowns, buttons and more, with features such as theming, accessibility, and localization and internationalization.

### Using for Free vs Commercial License

All components and features in KendoReact Free are free for use, even in production. No sign-up or license required.

|                                  | KendoReact Free    | KendoReact Trial   | KendoReact         |
| -------------------------------- | ------------------ | ------------------ | ------------------ |
| React components                 | 50+                | 120+               | 120+               |
| Four professional themes         | Yes                | Yes                | Yes                |
| Four Figma UI Kits               | Yes                | Yes                | Yes                |
| Page Templates & Building Blocks | 1                  | Yes                | Yes                |
| ThemeBuilder                     | Free\*             | Ultimate           | Ultimate           |
| Source code                      | No                 | No                 | Yes                |
| Visual Studio Code extension     | 1 starter template | Full functionality | Full functionality |
| Legendary customer support       | No                 | Yes (trial)        | Yes                |

\* This service requires a free Telerik account.

### Free Components per Package

| Package           | Free for Use |
|---------          |------------|
| Animation         | Yes        |
| Barcodes          | No         |
| Buttons           | Button, ButtonGroup, Chip, ChipList, FloatingActionButton, Toolbar |
| Chart Wizard      | No         |
| Charts            | No         |
| Common Utilities  | Icon, SvgIcon, Typography, Keyboard Navigation |
| Conversational UI | No         |
| Data Grid         | Yes\*\*    |
| Data Query        | No         |
| Data Tools        | Pager      |
| Date Inputs       | Calendar, DateInput, DatePicker, DateTimePicker |
| Date Math         | No         |
| Dialogs           | Yes        |
| Drawing           | No         |
| Dropdowns         | AutoComplete, DropDownList\*\*, MultiSelect\*\* |
| Editor            | No         |
| Excel Export      | No         |
| File Saver        | No         |
| Form              | No         |
| Gantt             | No         |
| Gauges            | No         |
| Indicators        | Yes        |
| Inputs            | Checkbox, ColorPalette, Input, MaskedTextBox, NumericTextBox,<br/>RadioButton, RadioGroup, Rating, Slider, Switch, TextArea,<br/>TextBox |
| Labels            | Yes        |
| Layout            | ActionSheet, AppBar, Avatar, BottomNavigation, Breadcrumb,<br/>Card, ContextMenu, Drawer, ExpansionPanel, GridLayout,<br/>Menu, PanelBar, StackLayout, Stepper, TabStrip, TileLayout |
| ListBox           | Yes        |
| ListView          | No         |
| Map               | No         |
| Notification      | Yes        |
| OrgChart          | No         |
| PDF Processing    | No         |
| PDF Viewer        | No         |
| PivotGrid         | No         |
| Popup             | Yes        |
| Progress Bars     | ProgressBar |
| Ripple            | No         |
| Scheduler         | No         |
| ScrollView        | No         |
| Sortable          | No         |
| Spreadsheet       | No         |
| TaskBoard         | No         |
| Tooltips          | Yes        |
| TreeList          | No         |
| TreeView          | No         |
| Upload            | No         |

\*\* This component provides a blend of free and premium features.

## Controlled and Uncontrolled Modes

Most of the KendoReact components support both controlled and uncontrolled modes. You can also use state management libraries such as Redux and Relay with KendoReact.

## Tree Shaking and Server-Side Rendering

KendoReact works with tree shaking so only the aspects of KendoReact that are used and imported will count towards the size of your overall JavaScript bundle. KendoReact can also work with server-side rendering (SSR). Lazy loading techniques are also supported to meet the performance requirements of any React application.

## Themes and Design Languages

With the breadth of components offered by KendoReact, you can rely on the suite to provide a consistent look and feel across any UX and design requirements. The KendoReact library currently supports two of the most popular Design Languages: Material Design and Bootstrap. KendoReact also comes with its own default design system. All these themes allow you to either base your design on one of the existing KendoReact themes or customize a KendoReact theme to integrate into your existing Design Language.

## Unstyled Mode

Many components in the KendoReact library offer an [Unstyled mode](https://www.telerik.com/kendo-react-ui/components/unstyled), which allows developers to remove default styles and apply their own design systems. This mode provides maximum flexibility for customizing the appearance of components, ensuring they align perfectly with any design language or branding guidelines. By leveraging unstyled mode, you can fully control the visual presentation of components such as buttons, form elements, animations, and date inputs, seamlessly blending them into your unique user interface.

## Support Options

For any issues you might encounter while working with the KendoReact all, use any of the available support channels:

-   Industry-leading technical support&mdash;KendoReact paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use [the dedicated KendoReact support system](https://www.telerik.com/account/support-center/contact-us/technical-support?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all).
-   Product forums&mdash;The [KendoReact forums](https://www.telerik.com/forums/kendo-ui-react?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all) are part of the free support you can get from the community and from the KendoReact team.
-   Feedback portal&mdash;The [KendoReact feedback portal](https://feedback.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all) is where you can request and vote for new features to be added.

## Resources

-   [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)
-   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)
-   [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)
-   [Blogs](https://www.telerik.com/blogs/tag/kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)
-   [Demos, documentation, and component reference](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)
-   [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)
-   [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-all)

_Copyright © 2026 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved._

_Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries._
