{"id":13504451,"url":"https://github.com/telerik/kendo-react","last_synced_at":"2025-04-13T01:55:30.104Z","repository":{"id":38418032,"uuid":"97955940","full_name":"telerik/kendo-react","owner":"telerik","description":"Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/","archived":false,"fork":false,"pushed_at":"2025-04-03T15:26:03.000Z","size":358332,"stargazers_count":222,"open_issues_count":582,"forks_count":46,"subscribers_count":37,"default_branch":"master","last_synced_at":"2025-04-13T01:54:54.755Z","etag":null,"topics":["components","issue-tracker","kendo","kendo-ui","react","reactive-programming","typescript","ui-components"],"latest_commit_sha":null,"homepage":"https://kendo-react-teal.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/telerik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-21T14:22:27.000Z","updated_at":"2025-04-08T05:42:38.000Z","dependencies_parsed_at":"2022-07-12T17:29:04.389Z","dependency_job_id":"43486b1e-218b-451e-8a8e-8c7f2add5d89","html_url":"https://github.com/telerik/kendo-react","commit_stats":{"total_commits":630,"total_committers":27,"mean_commits":"23.333333333333332","dds":0.5555555555555556,"last_synced_commit":"c91dde95770016d4a2fc10be64a882508efadbff"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telerik%2Fkendo-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telerik%2Fkendo-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telerik%2Fkendo-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telerik%2Fkendo-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/telerik","download_url":"https://codeload.github.com/telerik/kendo-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248654051,"owners_count":21140235,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","issue-tracker","kendo","kendo-ui","react","reactive-programming","typescript","ui-components"],"created_at":"2024-08-01T00:00:39.976Z","updated_at":"2025-04-13T01:55:30.076Z","avatar_url":"https://github.com/telerik.png","language":"HTML","readme":"# KendoReact\n\n\u003e **NOTE**: We use this repo as a bug tracker and to list helpful KendoReact resources. This repository does not contain the KendoReact source code.\n\n***\n\n[KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme\u0026utm_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.\n\n***\n\n[![Check Out KendoReact Free](images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme\u0026utm_content=banner)\n\n## Table of Contents\n\n* [Common Support Questions](#common-support-questions)\n  * [Can I use KendoReact for free?](#can-i-use-kendo-react-for-free)\n  * [Where can I find help?](#where-can-i-find-help)\n  * [How do I report a bug?](#how-do-i-report-a-bug)\n  * [When do you plan to release feature X?](#when-do-you-plan-to-release-feature-x)\n* [React UI Components](#react-ui-components)\n* [Design-to-Development Support](#design-to-development-support)\n* [Sample Applications](#sample-applications)\n  * [Project Tracker Application](#project-tracker-application)\n  * [Coffee Warehouse Dashboard](#react-dashboard-application)\n  * [Financial Portfolio](#user-content-financial-portfolio-application)\n  * [File Manager](#user-content-file-manager-template-application)\n  * [NodeJS/ASP.NET Core Server](#user-content-react-data-grid-with-nodejs--aspnet-core-server-example)\n  * [GitHub Issues Grid](#user-content-github-issues-grid)\n* [Useful Links](#useful-links)\n* [Licensing](#licensing)\n\n## Common Support Questions\n\n### Can I use KendoReact for free?\n\n[KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral\u0026utm_source=github\u0026utm_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\u0026utm_source=github\u0026utm_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\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme), [React date inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme), dropdowns, buttons and more, with features such as theming, accessibility, and localization.\n\nAll 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.\n\n### Where can I find help?\n\n1. 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).\n1. 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\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme).\n\n### How do I report a bug?\n\nIf 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:\n\n1. Find an example in [the KendoReact documentation](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme) that looks similar to your use case.\n1. Open that example in StackBlitz by using the **EDIT IN STACKBLITZ** button.\n1. Fork the StackBlitz project by using the **FORK** button at the top of the StackBlitz interface.\n1. 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.\n1. Save your StackBlitz project by using the **SAVE** button at the top of the StackBlitz interface.\n1. Copy the URL of your StackBlitz project from your browser’s address bar.\n1. [Open a new issue in this repo](https://github.com/telerik/kendo-react/issues/new) and your StackBlitz link in the description.\n1. Provide any additional information necessary for us to reproduce the problem, such as browser version, steps to perform, etc.\n\n\u003e We might not be able to act on issues without a runnable demo.\n\nIf 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\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme) subscription.\n\n### When do you plan to release feature X?\n\n1. Check the [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme) to see a list of features we have planned.\n1. 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.\n\n## React UI Components\n\n\u003e 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. \n\n### Animations\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-animation)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eAnimation\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/animation\"\u003eReact Animation Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/animation/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Barcodes\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-barcodes)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBarcode (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/barcode\"\u003eReact Barcode Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/barcodes/barcode/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eQR Code (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/qrcode\"\u003eReact QR Code Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/barcodes/qrcode/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Buttons\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-buttons)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eButton\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/button\"\u003eReact Button Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eButtonGroup\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/buttongroup\"\u003eReact ButtonGroup Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/buttongroup/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eChip\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/chip\"\u003eReact Chip Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/chip/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eChipList\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/chiplist\"\u003eReact ChipList Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/chiplist/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDropDownButton (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/dropdownbutton\"\u003eReact DropDownButton Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFloatingActionButton\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/floatingactionbutton\"\u003eReact Floating Action Button Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSplitButton (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/splitbutton\"\u003eReact SplitButton Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eToolbar\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/toolbar\"\u003eReact Toolbar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Charts\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-charts)\n\n\u003ctable\u003e\u003ctbody\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eChart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/charts\"\u003eReact Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eHeatmap (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/heatmap\"\u003eReact Heatmap Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/heatmap/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSparkline (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/sparkline\"\u003eReact Sparkline Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/sparkline/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eArea Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/area-chart\"\u003eReact Area Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/area/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBar Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/bar-chart\"\u003eReact Bar Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/bar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBox Plot (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/box-plot\"\u003eReact Box Plot Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/box-plot/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBubble Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/bubble-chart\"\u003eReact Bubble Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/bubble/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDonut Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/donut-chart\"\u003eReact Donut Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/donut/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFunnel Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/funnel-chart\"\u003eReact Funnel Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/funnel/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eLine Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/line-chart\"\u003eReact Line Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/line/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePie Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/pie-chart\"\u003eReact Pie Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/pie/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePolar Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/polar-chart\"\u003eReact Polar Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/polar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePyramid Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/pyramid-chart\"\u003eReact Pyramid Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/pyramid/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRadar Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/radar-chart\"\u003eReact Radar Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/radar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRange Area Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/range-area-chart\"\u003eReact Range Area Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/range-area/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eScatter Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/scatter-chart\"\u003eReact Scatter Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/series-types/scatter/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSankey Chart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/sankey\"\u003eReact Sankey Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/charts/sankey/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Common Utilities\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-conversational-ui)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDrag\u0026Drop Utilities (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/drag-and-drop\"\u003eReact Drag\u0026Drop Utilities Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTypography\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/typography\"\u003eReact Typography Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/common/typography/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eIcon \u0026 SVG Icon\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/icon-svgicon\"\u003eReact Icon \u0026 SVG Icon Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/common/icon/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Conversational UI\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-conversational-ui)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eConversational UI (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/conversationalui\"\u003eReact Conversational UI Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/conversationalui/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eAIPrompt (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/aiprompt\"\u003eReact AIPrompt Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/conversationalui/ai-prompt/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Data Grid\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-grid)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eData Grid*\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/grid\"\u003eReact Data Grid Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/grid/\"\u003eDocumentation \u0026 Demos\u003c/a\u003e\u003cbr/\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/grid/rsc-mode\"\u003eRSC Mode Documentation\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n\\* 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.\n\n### Data Query\n\n![](https://img.shields.io/npm/v/@progress/kendo-data-query)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eData Query (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/dataquery\"\u003eReact Data Query Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dataquery/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Data Tools\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-data-tools)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFilter (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/filter\"\u003eReact Filter Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/datatools/filter/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePager\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/pager\"\u003eReact Pager Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/datatools/pager/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Date Inputs\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-dateinputs)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eCalendar\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/calendar\"\u003eReact Calendar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDateInput\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/dateinput\"\u003eReact DateInput Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDatePicker\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/datepicker\"\u003eReact DatePicker Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDateRangePicker (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/daterangepicker\"\u003eReact DateRangePicker Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDateTimePicker\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/datetimepicker\"\u003eReact DateTimePicker Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eMultiViewCalendar (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/multiviewcalendar\"\u003eReact MultiViewCalendar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTimePicker (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/timepicker\"\u003eReact TimePicker Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Date Math\n\n![](https://img.shields.io/npm/v/@progress/kendo-date-math)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDate Math (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/datemath\"\u003eReact Date Math Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/datemath/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Dialogs\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-dialogs)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDialog\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/dialog\"\u003eReact Dialog Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dialogs/dialog/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eWindow\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/window\"\u003eReact Window Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dialogs/window/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Drawing\n\n![](https://img.shields.io/npm/v/@progress/kendo-drawing)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDrawing Library (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/drawing\"\u003eReact Drawing Library Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/drawing/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Dropdowns\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-dropdowns)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eAutoComplete\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/autocomplete\"\u003eReact AutoComplete Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eComboBox (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/combobox\"\u003eReact ComboBox Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDropDownList**\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/dropdownlist\"\u003eReact DropDownList Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDropDownTree (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/dropdowntree\"\u003eReact DropDownTree Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdowntree/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eMultiColumnComboBox (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/multicolumncombobox\"\u003eReact MultiColumn ComboBox Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/multicolumncombobox/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eMultiSelect**\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/multiselect\"\u003eReact MultiSelect Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eMultiSelect Tree (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/multiselecttree\"\u003eReact MultiSelect Tree Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselecttree/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n\\*\\* 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.\n\n### Editor\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-editor)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eEditor (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/editor\"\u003eReact Editor Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/editor/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Excel Export\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-excel-export)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eExcel Export\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/excelexport\"\u003eReact Excel Export Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/excelexport/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### File Saver\n\n![](https://img.shields.io/npm/v/@progress/kendo-file-saver)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFile Saver (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/filesaver\"\u003eReact File Saver Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/filesaver/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Form\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-form)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eForm (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/form\"\u003eReact Form Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/form/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFieldArray (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/fieldarray\"\u003eReact FieldArray Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/form/validation/#toc-fieldarray-validation\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFieldWrapper (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/fieldwrapper\"\u003eReact FieldWrapper Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/form/api/FieldWrapper/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFormElement(premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/formelement\"\u003eReact FormElement Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/form/api/FormElement/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Gantt\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-gantt)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eGantt (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/gantt-chart\"\u003eReact Gantt Chart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/gantt/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Gauges\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-gauges)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eArc Gauge (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/arcgauge\"\u003eReact Arc Gauge Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/gauges/arcgauge/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eCircular Gauge (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/circulargauge\"\u003eReact Circular Gauge Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/gauges/circulargauge/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eLinear Gauge (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/lineargauge\"\u003eReact Linear Gauge Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/gauges/lineargauge/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRadial Gauge (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/radialgauge\"\u003eReact Radial Gauge Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/gauges/radialgauge/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Indicators\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-indicators)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBadge\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/badge\"\u003eReact Badge Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/indicators/badge/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eLoader\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/loader\"\u003eReact Loader Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/indicators/loader/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSkeleton\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/skeleton\"\u003eReact Skeleton Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/indicators/skeleton/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Inputs\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-inputs)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eCheckbox\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/checkbox\"\u003eReact Checkbox Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eColorGradient (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/colorgradient\"\u003eReact ColorGradient Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/colorgradient/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eColorPalette\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/colorpalette\"\u003eReact ColorPalette Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/colorpalette/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eColorPicker (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/colorpicker\"\u003eReact ColorPicker Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/colorpicker/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFlatColorPicker (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/flatcolorpicker\"\u003eReact FlatColorPicker Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/flatcolorpicker/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eInput\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/input\"\u003eReact Input Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/input/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eMaskedTextBox\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/maskedtextbox\"\u003eReact MaskedTextBox Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/maskedtextbox/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eNumericTextBox\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/numerictextbox\"\u003eReact NumericTextBox Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRadioButton\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/radiobutton\"\u003eReact RadioButton Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRadioButtonGroup\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/radiogroup\"\u003eReact RadioButtonGroup Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/radiogroup/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRangeSlider (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/rangeslider\"\u003eReact RangeSlider Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/rangeslider/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRating\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/signature\"\u003eReact Signature Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/rating/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSignature (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/rating\"\u003eReact Rating Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/signature\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSlider\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/slider\"\u003eReact Slider Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/slider/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSwitch\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/switch\"\u003eReact Switch Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/switch/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTextArea\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/textarea\"\u003eReact TextArea Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/inputs/textarea/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Labels\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-labels)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eError\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/error\"\u003eReact Error Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/labels/error/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFloatingLabel\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/floating-labels\"\u003eReact FloatingLabel Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/labels/floating-label/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eHint\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/hint\"\u003eReact Hint Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/labels/hint/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eLabel\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/labels\"\u003eReact Label Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/labels/label/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Layout\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-layout)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eAppBar\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/appbar\"\u003eReact AppBar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/appbar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eAvatar\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/avatar\"\u003eReact Avatar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/avatar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBottomNavigation\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/bottomnavigation\"\u003eReact Bottom Navigation Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBreadcrumb\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/breadcrumb\"\u003eReact Breadcrumb Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/breadcrumb/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eCard\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/card\"\u003eReact Card Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/card/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDrawer\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/drawer\"\u003eReact Drawer Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/drawer/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eExpansionPanel\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/expansionpanel\"\u003eReact ExpansionPanel Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/expansionpanel/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eGrid Layout\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/gridlayout\"\u003eReact Grid Layout Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eMenu\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/menu\"\u003eReact Menu Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/menu/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePanelBar\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/panelbar\"\u003eReact PanelBar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/panelbar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSplitter (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/splitter\"\u003eReact Splitter Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/splitter/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eStack Layout\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/stacklayout\"\u003eReact Stack Layout Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eStepper\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/stepper\"\u003eReact Stepper Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/stepper/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTabStrip\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/tabstrip\"\u003eReact TabStrip Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTileLayout\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/tilelayout\"\u003eReact TileLayout Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTimeLine (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/timeline\"\u003eReact TimeLine Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/layout/timeline/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### ListBox\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-listbox)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eListBox\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/listbox\"\u003eReact ListBox Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/listbox/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### ListView\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-listview)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eListView (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/listview\"\u003eReact ListView Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/listview/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Notification\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-notification)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eNotification\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/notification\"\u003eReact Notification Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/notification/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### PDF Processing\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-pdf)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePDF Generator (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/pdfprocessing\"\u003eReact PDF Generator Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/pdfprocessing/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Pivot Grid\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-pdf)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePivotGrid (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/pivotgrid\"\u003eReact Pivot Grid Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/pivotgrid/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Popup\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-popup)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePopup\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/popup\"\u003eReact Popup Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/popup/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Progress Bars\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-progressbars)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eChunkProgressBar (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/chunkprogressbar\"\u003eReact ChunkProgressBar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eProgressBar\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/progressbar\"\u003eReact ProgressBar Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Ripple\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-ripple)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eRipple (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/ripple\"\u003eReact Ripple Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/ripple/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Scheduler\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-scheduler)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eScheduler (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/scheduler\"\u003eReact Scheduler Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/scheduler/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### ScrollView (Carousel)\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-scrollview)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eScrollView (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/scrollview\"\u003eReact ScrollView (Carousel) Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/scrollview/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Sortable\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-sortable)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSortable (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/sortable\"\u003eReact Sortable Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/sortable/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Tooltips\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-tooltip)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTooltip\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/tooltip\"\u003eReact Tooltip Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/tooltip/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePopover\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/popover\"\u003eReact Popover Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/tooltip/popover/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### TreeList\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-treelist)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTreeList (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/treelist\"\u003eReact TreeList Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/treelist/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### TreeView\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-treeview)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTreeView (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/treeview\"\u003eReact TreeView Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/treeview/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Upload\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-upload)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eExternal Drop Zone (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/upload\"\u003eReact External Drop Zone Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/upload/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eUpload (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/external-drop-zone\"\u003eReact Upload Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/upload/external-drop-zone/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### OrgChart\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-orgchart)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eOrgChart (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/orgchart\"\u003eReact OrgChart Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/orgchart/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### SpreadSheet\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-spreadsheet)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eSpreadSheet (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/spreadsheet\"\u003eReact SpreadSheet Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/spreadsheet/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### PDFViewer\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-pdf-viewer)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePDFViewer (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/pdfviewer\"\u003eReact PDFViewer Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/pdf-viewer/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### TaskBoard\n\n![](https://img.shields.io/npm/v/@progress/kendo-react-taskboard)\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eTaskBoard (premium)\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/taskboard\"\u003eReact TaskBoard Features\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/taskboard/\"\u003eDocumentation \u0026 Demos\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n## Design-to-Development Support\n\n### Four Design Themes\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eDefault Theme\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/styling/theme-default/\"\u003eKendoReact Default Theme\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003e Material Theme\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/styling/theme-material/\"\u003eKendoReact Material Theme\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBootstrap Theme\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/styling/theme-bootstrap/\"\u003eKendoReact Bootstrap Theme\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eFluent Theme\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/styling/theme-fluent/\"\u003eKendoReact Fluent Theme\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Four Figma UI Design Kits\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eKendo UI Design Kits for Figma\u003c/b\u003e\u003c/td\u003e\n   \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/figma-design-kits\"\u003eKendo UI Figma Design Kits\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/styling/figma-ui-kits/\"\u003eDocumentation\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Page Templates \u0026 Building Blocks\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003ePage Templates\u003c/b\u003e\u003c/td\u003e\n   \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui#page-templates\"\u003eKendo UI Page Templates\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/design-system/docs/ui-templates/overview/#page-templates\"\u003eDocumentation\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eBuilding Blocks\u003c/b\u003e\u003c/td\u003e\n   \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui#building-blocks\"\u003eKendo UI Building Blocks\u003c/a\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/design-system/docs/ui-templates/overview/#building-blocks\"\u003eDocumentation\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n### Customize the KendoReact Themes to Match Your Brand\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\u003cb\u003eKendoReact ThemeBuilder\u003c/b\u003e\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/kendo-react-ui/components/styling/theme-builder\"\u003eImplement Design Requirements\u003c/td\u003e\n  \u003ctd\u003e\u003ca href=\"https://www.telerik.com/themebuilder?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme\"\u003eThemeBuilder App\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n## Sample Applications\n\n### Project Tracker Application\n\nThe [Project Tracker Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/project-tracker-with-free-components?utm_medium=referral\u0026utm_source=github\u0026utm_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.\n\n* [Live demo](https://telerik.github.io/kendo-react/kendo-react-project-tracker-app/)\n* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-project-tracker-app)\n\n![Project Tracker Application](images/kendo-react-free_project_tracker_app.png)\n\n### React Dashboard Application\n\nWe created the [React Dashboard Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/react-coffee-warehouse-dashboard/?utm_medium=referral\u0026utm_source=github\u0026utm_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.\n\n* [Live demo](https://telerik.github.io/react-coffee-warehouse)\n* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/react-coffee-warehouse)\n\n![Coffee warehouse sample](images/coffee-warehouse.png)\n\n### Financial Portfolio Application\n\nThe [React Financial Portfolio Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/finance-application/?utm_medium=referral\u0026utm_source=github\u0026utm_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.\n\n* [Live demo](https://telerik.github.io/kendo-react-finance-portfolio)\n* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-finance-portfolio)\n\n![Financial portfolio sample](images/financial-portfolio.png)\n\n### File Manager Template Application\n\nThe [React File Manager Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/file-manager/?utm_medium=referral\u0026utm_source=github\u0026utm_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.\n\n* [Live demo](https://telerik.github.io/kendo-react-file-manager)\n* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-file-manager)\n\n![React FileManager Template App](images/React-FileManager-Template-App.png)\n\n### React Data Grid with NodeJS / ASP.NET Core Server Example\n\nYou 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.\n\n* [See the React Data Grid with NodeJS Express Server sample app](https://www.telerik.com/kendo-react-ui/components/sample-applications/nodejs-express/)\n* [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/)\n\n![React-Data-Grid-ASPNET-Core-Nodejs-backend-demo](images/React-Data-Grid-ASPNET-Core-Nodejs-backend-demo.jpg)\n\n### GitHub Issues Grid\n\nThe [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.\n\n* [Live demo](https://telerik.github.io/kendo-react-homepage-demo/)\n* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-homepage-demo)\n\n![GitHub issues sample](images/github-issues.png)\n\n## Useful Links\n\n* [Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—See what’s coming to KendoReact.\n* [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—A full list of what’s changed in KendoReact releases.\n* [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—Check out the differences between the free and premium React component libraries.\n* [Support hub](https://www.telerik.com/kendo-react-ui/support?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—Technical resources and how-to articles.\n* [Video Onboarding](https://www.telerik.com/kendo-react-ui/components/getting-started/video-onboarding?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—Free on-demand technical training.\n* [Pricing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—Learn more about what you get with a KendoReact license.\n* [React Blogs](https://www.telerik.com/blogs/tag/react?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme)—Explore many helpful expert-written blogs and tutorials on everything React, including KendoReact-specific guides.\n\n## Licensing\n\n[KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral\u0026utm_source=github\u0026utm_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.\n\nThe 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\u0026utm_source=github\u0026utm_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\u0026utm_source=github\u0026utm_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\u0026utm_source=github\u0026utm_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\u0026utm_source=github\u0026utm_campaign=kendo-ui-react-trial-gh-public-readme).\n\nThe 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!\n\n|                                  | KendoReact Free    | KendoReact Trial   | KendoReact         |\n| -------------------------------- | ------------------ | ------------------ | ------------------ |\n| React components                 | 50+                | 120+               | 120+               |\n| Four professional themes         | Yes                | Yes                | Yes                |\n| Four Figma UI Kits               | Yes                | Yes                | Yes                |\n| Page Templates \u0026 Building Blocks | 1                  | Yes                | Yes                |\n| ThemeBuilder                     | Free\\*             | Ultimate           | Ultimate           |\n| Source code                      | No                 | No                 | Yes                |\n| Visual Studio Code extension     | 1 starter template | Full functionality | Full functionality |\n| Legendary customer support       | No                 | Yes (trial)        | Yes                |\n\n\\* This service requires a free Telerik account.\n","funding_links":[],"categories":["UI Components"],"sub_categories":["Table"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelerik%2Fkendo-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftelerik%2Fkendo-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelerik%2Fkendo-react/lists"}