https://github.com/telerik/kendo-react
Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://github.com/telerik/kendo-react
components issue-tracker kendo kendo-ui react reactive-programming typescript ui-components
Last synced: 7 months ago
JSON representation
Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
- Host: GitHub
- URL: https://github.com/telerik/kendo-react
- Owner: telerik
- License: other
- Created: 2017-07-21T14:22:27.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-04-03T15:26:03.000Z (7 months ago)
- Last Synced: 2025-04-13T01:54:54.755Z (7 months ago)
- Topics: components, issue-tracker, kendo, kendo-ui, react, reactive-programming, typescript, ui-components
- Language: HTML
- Homepage: https://kendo-react-teal.vercel.app
- Size: 342 MB
- Stars: 222
- Watchers: 37
- Forks: 46
- Open Issues: 582
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Support: SUPPORT.md
Awesome Lists containing this project
- awesome-react - @progress/kendo-react-grid - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.  (UI Components / Table)
README
# KendoReact
> **NOTE**: We use this repo as a bug tracker and to list helpful KendoReact resources. This repository does not contain the KendoReact source code.
***
[KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme&utm_content=banner) is an enterprise-grade React UI library with 120+ free and premium components including a rich data visualization library. We're on a mission to help you design and build business apps with React much faster.
***
[](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme&utm_content=banner)
## Table of Contents
* [Common Support Questions](#common-support-questions)
* [Can I use KendoReact for free?](#can-i-use-kendo-react-for-free)
* [Where can I find help?](#where-can-i-find-help)
* [How do I report a bug?](#how-do-i-report-a-bug)
* [When do you plan to release feature X?](#when-do-you-plan-to-release-feature-x)
* [React UI Components](#react-ui-components)
* [Design-to-Development Support](#design-to-development-support)
* [Sample Applications](#sample-applications)
* [Project Tracker Application](#project-tracker-application)
* [Coffee Warehouse Dashboard](#react-dashboard-application)
* [Financial Portfolio](#user-content-financial-portfolio-application)
* [File Manager](#user-content-file-manager-template-application)
* [NodeJS/ASP.NET Core Server](#user-content-react-data-grid-with-nodejs--aspnet-core-server-example)
* [GitHub Issues Grid](#user-content-github-issues-grid)
* [Useful Links](#useful-links)
* [Licensing](#licensing)
## Common Support Questions
### Can I use KendoReact for free?
[KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) is a free version of the [KendoReact component library](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) that includes over 50 customizable, enterprise-grade components. The free React component library includes essential components such as a performant [React data grid](https://www.telerik.com/kendo-react-ui/components/grid?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme), [React date inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme), dropdowns, buttons and more, with features such as theming, accessibility, and localization.
All components included in KendoReact Free are part of KendoReact (premium) and, with a few exceptions (see [React UI Components with Both Free and Premium Functionality](https://www.telerik.com/kendo-react-ui/components/free#react-ui-components-with-both-free-and-premium-functionality)), each component's full functionality is free.
### Where can I find help?
1. For community support we recommend asking questions on our [public forum](https://www.telerik.com/forums/kendo-ui-react) or Stack Overflow using the [kendo-react-ui tag](http://stackoverflow.com/questions/tagged/kendo-react-ui).
1. KendoReact license holders can use our official support channel to [submit support tickets](https://www.telerik.com/account/support-center/contact-us/technical-support?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme).
### How do I report a bug?
If you want to report a bug with KendoReact, please start by reviewing [this repo’s issue tracker](https://github.com/telerik/kendo-react/issues) to make sure your issue has not already been reported. If you can’t find your issue there, please follow the following reproduction steps:
1. Find an example in [the KendoReact documentation](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) that looks similar to your use case.
1. Open that example in StackBlitz by using the **EDIT IN STACKBLITZ** button.
1. Fork the StackBlitz project by using the **FORK** button at the top of the StackBlitz interface.
1. Modify the code in your StackBlitz project so that it shows the issue you’re having with KendoReact. Try to include the minimum possible amount of code.
1. Save your StackBlitz project by using the **SAVE** button at the top of the StackBlitz interface.
1. Copy the URL of your StackBlitz project from your browser’s address bar.
1. [Open a new issue in this repo](https://github.com/telerik/kendo-react/issues/new) and your StackBlitz link in the description.
1. Provide any additional information necessary for us to reproduce the problem, such as browser version, steps to perform, etc.
> We might not be able to act on issues without a runnable demo.
If you need assistance on troubleshooting or isolating a problem, you can request a remote assistance session through our [Support Ticket](https://www.telerik.com/account/support-center/contact-us/technical-support) system. Remote Assistance is included in our [Ultimate Support](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) subscription.
### When do you plan to release feature X?
1. Check the [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) to see a list of features we have planned.
1. If your feature isn’t listed there, [check our feedback portal](https://feedback.telerik.com/kendo-react-ui). If you don’t see your feature on our portal, you can request the feature there.
## React UI Components
> Components marked with a purple diamond or `(premium)` require a commercial license or an active trial license. All other components are free, no sign-up or license is required.
### Animations
Animation
React Animation Features
Documentation & Demos
### Barcodes
Barcode (premium)
React Barcode Features
Documentation & Demos
QR Code (premium)
React QR Code Features
Documentation & Demos
### Buttons
Button
React Button Features
Documentation & Demos
ButtonGroup
React ButtonGroup Features
Documentation & Demos
Chip
React Chip Features
Documentation & Demos
ChipList
React ChipList Features
Documentation & Demos
DropDownButton (premium)
React DropDownButton Features
Documentation & Demos
FloatingActionButton
React Floating Action Button Features
Documentation & Demos
SplitButton (premium)
React SplitButton Features
Documentation & Demos
Toolbar
React Toolbar Features
Documentation & Demos
### Charts
Chart (premium)
React Chart Features
Documentation & Demos
Heatmap (premium)
React Heatmap Features
Documentation & Demos
Sparkline (premium)
React Sparkline Features
Documentation & Demos
Area Chart (premium)
React Area Chart Features
Documentation & Demos
Bar Chart (premium)
React Bar Chart Features
Documentation & Demos
Box Plot (premium)
React Box Plot Features
Documentation & Demos
Bubble Chart (premium)
React Bubble Chart Features
Documentation & Demos
Donut Chart (premium)
React Donut Chart Features
Documentation & Demos
Funnel Chart (premium)
React Funnel Chart Features
Documentation & Demos
Line Chart (premium)
React Line Chart Features
Documentation & Demos
Pie Chart (premium)
React Pie Chart Features
Documentation & Demos
Polar Chart (premium)
React Polar Chart Features
Documentation & Demos
Pyramid Chart (premium)
React Pyramid Chart Features
Documentation & Demos
Radar Chart (premium)
React Radar Chart Features
Documentation & Demos
Range Area Chart (premium)
React Range Area Chart Features
Documentation & Demos
Scatter Chart (premium)
React Scatter Chart Features
Documentation & Demos
Sankey Chart (premium)
React Sankey Chart Features
Documentation & Demos
### Common Utilities
Drag&Drop Utilities (premium)
React Drag&Drop Utilities Features
Documentation & Demos
Typography
React Typography Features
Documentation & Demos
Icon & SVG Icon
React Icon & SVG Icon Features
Documentation & Demos
### Conversational UI
Conversational UI (premium)
React Conversational UI Features
Documentation & Demos
AIPrompt (premium)
React AIPrompt Features
Documentation & Demos
### Data Grid
Data Grid*
React Data Grid Features
Documentation & Demos
RSC Mode Documentation
\* This is a free React component with premium features such as RSC mode, server-side capabilities, advanced filtering and grouping, and others. The free feature set does not require any sign-up or license. The premium features require a commercial license or an active trial license.
### Data Query
Data Query (premium)
React Data Query Features
Documentation & Demos
### Data Tools
Filter (premium)
React Filter Features
Documentation & Demos
Pager
React Pager Features
Documentation & Demos
### Date Inputs
Calendar
React Calendar Features
Documentation & Demos
DateInput
React DateInput Features
Documentation & Demos
DatePicker
React DatePicker Features
Documentation & Demos
DateRangePicker (premium)
React DateRangePicker Features
Documentation & Demos
DateTimePicker
React DateTimePicker Features
Documentation & Demos
MultiViewCalendar (premium)
React MultiViewCalendar Features
Documentation & Demos
TimePicker (premium)
React TimePicker Features
Documentation & Demos
### Date Math
Date Math (premium)
React Date Math Features
Documentation & Demos
### Dialogs
Dialog
React Dialog Features
Documentation & Demos
Window
React Window Features
Documentation & Demos
### Drawing
Drawing Library (premium)
React Drawing Library Features
Documentation & Demos
### Dropdowns
AutoComplete
React AutoComplete Features
Documentation & Demos
ComboBox (premium)
React ComboBox Features
Documentation & Demos
DropDownList**
React DropDownList Features
Documentation & Demos
DropDownTree (premium)
React DropDownTree Features
Documentation & Demos
MultiColumnComboBox (premium)
React MultiColumn ComboBox Features
Documentation & Demos
MultiSelect**
React MultiSelect Features
Documentation & Demos
MultiSelect Tree (premium)
React MultiSelect Tree Features
Documentation & Demos
\*\* DropDownList and MultiSelect are free React dropdown components with premium filtering and virtualization. The free feature set does not require any sign-up or license. The premium features require a commercial license or an active trial license.
### Editor
Editor (premium)
React Editor Features
Documentation & Demos
### Excel Export
Excel Export
React Excel Export Features
Documentation & Demos
### File Saver
File Saver (premium)
React File Saver Features
Documentation & Demos
### Form
Form (premium)
React Form Features
Documentation & Demos
FieldArray (premium)
React FieldArray Features
Documentation & Demos
FieldWrapper (premium)
React FieldWrapper Features
Documentation & Demos
FormElement(premium)
React FormElement Features
Documentation & Demos
### Gantt
Gantt (premium)
React Gantt Chart Features
Documentation & Demos
### Gauges
Arc Gauge (premium)
React Arc Gauge Features
Documentation & Demos
Circular Gauge (premium)
React Circular Gauge Features
Documentation & Demos
Linear Gauge (premium)
React Linear Gauge Features
Documentation & Demos
Radial Gauge (premium)
React Radial Gauge Features
Documentation & Demos
### Indicators
Badge
React Badge Features
Documentation & Demos
Loader
React Loader Features
Documentation & Demos
Skeleton
React Skeleton Features
Documentation & Demos
### Inputs
Checkbox
React Checkbox Features
Documentation & Demos
ColorGradient (premium)
React ColorGradient Features
Documentation & Demos
ColorPalette
React ColorPalette Features
Documentation & Demos
ColorPicker (premium)
React ColorPicker Features
Documentation & Demos
FlatColorPicker (premium)
React FlatColorPicker Features
Documentation & Demos
Input
React Input Features
Documentation & Demos
MaskedTextBox
React MaskedTextBox Features
Documentation & Demos
NumericTextBox
React NumericTextBox Features
Documentation & Demos
RadioButton
React RadioButton Features
Documentation & Demos
RadioButtonGroup
React RadioButtonGroup Features
Documentation & Demos
RangeSlider (premium)
React RangeSlider Features
Documentation & Demos
Rating
React Signature Features
Documentation & Demos
Signature (premium)
React Rating Features
Documentation & Demos
Slider
React Slider Features
Documentation & Demos
Switch
React Switch Features
Documentation & Demos
TextArea
React TextArea Features
Documentation & Demos
### Labels
Error
React Error Features
Documentation & Demos
FloatingLabel
React FloatingLabel Features
Documentation & Demos
Hint
React Hint Features
Documentation & Demos
Label
React Label Features
Documentation & Demos
### Layout
AppBar
React AppBar Features
Documentation & Demos
Avatar
React Avatar Features
Documentation & Demos
BottomNavigation
React Bottom Navigation Features
Documentation & Demos
Breadcrumb
React Breadcrumb Features
Documentation & Demos
Card
React Card Features
Documentation & Demos
Drawer
React Drawer Features
Documentation & Demos
ExpansionPanel
React ExpansionPanel Features
Documentation & Demos
Grid Layout
React Grid Layout Features
Documentation & Demos
Menu
React Menu Features
Documentation & Demos
PanelBar
React PanelBar Features
Documentation & Demos
Splitter (premium)
React Splitter Features
Documentation & Demos
Stack Layout
React Stack Layout Features
Documentation & Demos
Stepper
React Stepper Features
Documentation & Demos
TabStrip
React TabStrip Features
Documentation & Demos
TileLayout
React TileLayout Features
Documentation & Demos
TimeLine (premium)
React TimeLine Features
Documentation & Demos
### ListBox
ListBox
React ListBox Features
Documentation & Demos
### ListView
ListView (premium)
React ListView Features
Documentation & Demos
### Notification
Notification
React Notification Features
Documentation & Demos
### PDF Processing
PDF Generator (premium)
React PDF Generator Features
Documentation & Demos
### Pivot Grid
PivotGrid (premium)
React Pivot Grid Features
Documentation & Demos
### Popup
Popup
React Popup Features
Documentation & Demos
### Progress Bars
ChunkProgressBar (premium)
React ChunkProgressBar Features
Documentation & Demos
ProgressBar
React ProgressBar Features
Documentation & Demos
### Ripple
Ripple (premium)
React Ripple Features
Documentation & Demos
### Scheduler
Scheduler (premium)
React Scheduler Features
Documentation & Demos
### ScrollView (Carousel)
ScrollView (premium)
React ScrollView (Carousel) Features
Documentation & Demos
### Sortable
Sortable (premium)
React Sortable Features
Documentation & Demos
### Tooltips
Tooltip
React Tooltip Features
Documentation & Demos
Popover
React Popover Features
Documentation & Demos
### TreeList
TreeList (premium)
React TreeList Features
Documentation & Demos
### TreeView
TreeView (premium)
React TreeView Features
Documentation & Demos
### Upload
External Drop Zone (premium)
React External Drop Zone Features
Documentation & Demos
Upload (premium)
React Upload Features
Documentation & Demos
### OrgChart
OrgChart (premium)
React OrgChart Features
Documentation & Demos
### SpreadSheet
SpreadSheet (premium)
React SpreadSheet Features
Documentation & Demos
### PDFViewer
PDFViewer (premium)
React PDFViewer Features
Documentation & Demos
### TaskBoard
TaskBoard (premium)
React TaskBoard Features
Documentation & Demos
## Design-to-Development Support
### Four Design Themes
Default Theme
KendoReact Default Theme
Material Theme
KendoReact Material Theme
Bootstrap Theme
KendoReact Bootstrap Theme
Fluent Theme
KendoReact Fluent Theme
### Four Figma UI Design Kits
Kendo UI Design Kits for Figma
Kendo UI Figma Design Kits
Documentation
### Page Templates & Building Blocks
Page Templates
Kendo UI Page Templates
Documentation
Building Blocks
Kendo UI Building Blocks
Documentation
### Customize the KendoReact Themes to Match Your Brand
KendoReact ThemeBuilder
Implement Design Requirements
ThemeBuilder App
## Sample Applications
### Project Tracker Application
The [Project Tracker Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/project-tracker-with-free-components?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) showcases the free KendoReact UI components and features, including a Data Grid, AppBar, Buttons, Inputs, Dropdowns and Icons. It demonstrates the integration of KendoReact components with Vite and uses Tailwind CSS utility classes.
* [Live demo](https://telerik.github.io/kendo-react/kendo-react-project-tracker-app/)
* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-project-tracker-app)
### React Dashboard Application
We created the [React Dashboard Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/react-coffee-warehouse-dashboard/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) following the best practices of building UI with KendoReact components, which makes it a fantastic learning resource. You can see how easy it is to set up complex components such as the React Data Grid (Table), Charts, Scheduler or Forms.
* [Live demo](https://telerik.github.io/react-coffee-warehouse)
* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/react-coffee-warehouse)
### Financial Portfolio Application
The [React Financial Portfolio Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/finance-application/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) shows how to create fast, beautiful and dynamic financial dashboards. It takes full advantage of React's fast rendering and shows dynamic data updates in real time which allows monitoring data with no visible delay.
* [Live demo](https://telerik.github.io/kendo-react-finance-portfolio)
* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-finance-portfolio)
### File Manager Template Application
The [React File Manager Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/file-manager/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) is an Explorer-like application built entirely with KendoReact components that enables you to manage files and folders. You can show additional information about the selected file in a template-customizable Preview Pane, which you can show or hide through a switch button.
* [Live demo](https://telerik.github.io/kendo-react-file-manager)
* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-file-manager)
### React Data Grid with NodeJS / ASP.NET Core Server Example
You can take advantage of two full stack sample applications built with the KendoReact Data Grid on the frontend and **Node.js** and **ASP.NET Core** on the backend to use as a reference when building your own applications. We hope they help to reduce the complexity of hooking up a server to our React Data Table component.
* [See the React Data Grid with NodeJS Express Server sample app](https://www.telerik.com/kendo-react-ui/components/sample-applications/nodejs-express/)
* [See the React Data Grid with ASP.NET Core Server sample app](https://www.telerik.com/kendo-react-ui/components/sample-applications/asp-net-core/)
### GitHub Issues Grid
The [React GitHub Issues Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/issues-grid/) shows off how to use a KendoReact Data Grid to manage a large data set—in this case, all issues in the main Facebook React and GraphQL repositories.
* [Live demo](https://telerik.github.io/kendo-react-homepage-demo/)
* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-homepage-demo)
## Useful Links
* [Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—See what’s coming to KendoReact.
* [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—A full list of what’s changed in KendoReact releases.
* [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—Check out the differences between the free and premium React component libraries.
* [Support hub](https://www.telerik.com/kendo-react-ui/support?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—Technical resources and how-to articles.
* [Video Onboarding](https://www.telerik.com/kendo-react-ui/components/getting-started/video-onboarding?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—Free on-demand technical training.
* [Pricing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—Learn more about what you get with a KendoReact license.
* [React Blogs](https://www.telerik.com/blogs/tag/react?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme)—Explore many helpful expert-written blogs and tutorials on everything React, including KendoReact-specific guides.
## Licensing
[KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) is an enterprise-grade UI library with 120+ free and premium components offering unmatched value for building business applications, including premium components such as the React Form, React Charts, and React Scheduler, unique features such as the React server components (RSC) data grid mode, as well as legendary support.
The 50+ free React components included in KendoReact Free require no sign-up or license. To use the premium components and features, you will need to [install a license key](https://www.telerik.com/kendo-react-ui/components/my-license?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) when adding the package to your project. To receive a license key, you need to either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) or register for a [free trial](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme). Doing so indicates that you accept the KendoReact License Agreement. For more information, please refer to the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme).
The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the KendoReact dev team!
| | 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.