diff --git a/README.md b/README.md index c54d8d32..dcb4c3fd 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,27 @@ # 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. +> **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 a professional UI components and data visualization library for React on a mission to help you design and build business apps with React much faster. +[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. *** -[![Try KendoReact](images/banner.png)](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) +[![Check Out KendoReact Free](images/kendoreact-github-banner.png)](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) - * [Coffee Warehouse Dashboard](#user-content-react-dashboard-application) + * [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) @@ -29,16 +31,22 @@ ## Common Support Questions +### Can I use KendoReact for free? + +KendoReact Free 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-tickets). +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/) that looks similar to your use case. +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. @@ -53,11 +61,13 @@ If you need assistance on troubleshooting or isolating a problem, you can reques ### When do you plan to release feature X? -1. Check the [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap) to see a list of features we have planned. +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 ![](https://img.shields.io/npm/v/@progress/kendo-react-animation) @@ -76,12 +86,12 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + - + @@ -113,7 +123,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + @@ -123,7 +133,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + @@ -140,87 +150,87 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
BarcodeBarcode (premium) React Barcode Features Documentation & Demos
QR CodeQR Code (premium) React QR Code Features Documentation & Demos
Documentation & Demos
DropDownButtonDropDownButton (premium) React DropDownButton Features Documentation & Demos
Documentation & Demos
SplitButtonSplitButton (premium) React SplitButton Features Documentation & Demos
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + @@ -232,7 +242,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
ChartChart (premium) React Chart Features Documentation & Demos
HeatmapHeatmap (premium) React Heatmap Features Documentation & Demos
SparklineSparkline (premium) React Sparkline Features Documentation & Demos
Area ChartArea Chart (premium) React Area Chart Features Documentation & Demos
Bar ChartBar Chart (premium) React Bar Chart Features Documentation & Demos
Box PlotBox Plot (premium) React Box Plot Features Documentation & Demos
Bubble ChartBubble Chart (premium) React Bubble Chart Features Documentation & Demos
Donut ChartDonut Chart (premium) React Donut Chart Features Documentation & Demos
Funnel ChartFunnel Chart (premium) React Funnel Chart Features Documentation & Demos
Line ChartLine Chart (premium) React Line Chart Features Documentation & Demos
Pie ChartPie Chart (premium) React Pie Chart Features Documentation & Demos
Polar ChartPolar Chart (premium) React Polar Chart Features Documentation & Demos
Pyramid ChartPyramid Chart (premium) React Pyramid Chart Features Documentation & Demos
Radar ChartRadar Chart (premium) React Radar Chart Features Documentation & Demos
Range Area ChartRange Area Chart (premium) React Range Area Chart Features Documentation & Demos
Scatter ChartScatter Chart (premium) React Scatter Chart Features Documentation & Demos
Sankey ChartSankey Chart (premium) React Sankey Chart Features Documentation & Demos
- + @@ -254,12 +264,12 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
Drag&Drop UtilitiesDrag&Drop Utilities (premium) React Drag&Drop Utilities Features Documentation & Demos
- + - + @@ -271,19 +281,21 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
Conversational UIConversational UI (premium) React Conversational UI Features Documentation & Demos
AIPromptAIPrompt (premium) React AIPrompt Features Documentation & Demos
- + - +
Data GridData Grid* React Data Grid FeaturesDocumentation & DemosDocumentation & 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 ![](https://img.shields.io/npm/v/@progress/kendo-data-query) - + @@ -295,7 +307,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
Data QueryData Query (premium) React Data Query Features Documentation & Demos
- + @@ -327,7 +339,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + @@ -337,12 +349,12 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + - + @@ -354,7 +366,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
FilterFilter (premium) React Filter Features Documentation & Demos
Documentation & Demos
DateRangePickerDateRangePicker (premium) React DateRangePicker Features Documentation & Demos
Documentation & Demos
MultiViewCalendarMultiViewCalendar (premium) React MultiViewCalendar Features Documentation & Demos
TimePickerTimePicker (premium) React TimePicker Features Documentation & Demos
- + @@ -383,7 +395,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
Date MathDate Math (premium) React Date Math Features Documentation & Demos
- + @@ -400,44 +412,46 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + - + - + - + - + - +
Drawing LibraryDrawing Library (premium) React Drawing Library Features Documentation & Demos
Documentation & Demos
ComboBoxComboBox (premium) React ComboBox Features Documentation & Demos
DropDownListDropDownList** React DropDownList Features Documentation & Demos
DropDownTreeDropDownTree (premium) React DropDownTree Features Documentation & Demos
MultiColumnComboBoxMultiColumnComboBox (premium) React MultiColumn ComboBox Features Documentation & Demos
MultiSelectMultiSelect** React MultiSelect Features Documentation & Demos
MultiSelect TreeMultiSelect 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 ![](https://img.shields.io/npm/v/@progress/kendo-react-editor) - + @@ -461,7 +475,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
EditorEditor (premium) React Editor Features Documentation & Demos
- + @@ -473,22 +487,22 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
File SaverFile Saver (premium) React File Saver Features Documentation & Demos
- + - + - + - + @@ -500,7 +514,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
FormForm (premium) React Form Features Documentation & Demos
FieldArrayFieldArray (premium) React FieldArray Features Documentation & Demos
FieldWrapperFieldWrapper (premium) React FieldWrapper Features Documentation & Demos
FormElementFormElement(premium) React FormElement Features Documentation & Demos
- + @@ -512,22 +526,22 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
GanttGantt (premium) React Gantt Chart Features Documentation & Demos
- + - + - + - + @@ -566,7 +580,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + @@ -576,12 +590,12 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + - + @@ -611,15 +625,20 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + - + + + + + + @@ -720,7 +739,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + @@ -745,7 +764,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques - + @@ -769,7 +788,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
Arc GaugeArc Gauge (premium) React Arc Gauge Features Documentation & Demos
Circular GaugeCircular Gauge (premium) React Circular Gauge Features Documentation & Demos
Linear GaugeLinear Gauge (premium) React Linear Gauge Features Documentation & Demos
Radial GaugeRadial Gauge (premium) React Radial Gauge Features Documentation & Demos
Documentation & Demos
ColorGradientColorGradient (premium) React ColorGradient Features Documentation & Demos
Documentation & Demos
ColorPickerColorPicker (premium) React ColorPicker Features Documentation & Demos
FlatColorPickerFlatColorPicker (premium) React FlatColorPicker Features Documentation & Demos
Documentation & Demos
RangeSliderRangeSlider (premium) React RangeSlider Features Documentation & Demos
RatingReact Rating FeaturesReact Signature Features Documentation & Demos
Signature (premium)React Rating FeaturesDocumentation & Demos
Slider React Slider FeaturesDocumentation & Demos
SplitterSplitter (premium) React Splitter Features Documentation & Demos
Documentation & Demos
TimeLineTimeLine (premium) React TimeLine Features Documentation & Demos
- + @@ -793,7 +812,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
ListViewListView (premium) React ListView Features Documentation & Demos
- + @@ -805,7 +824,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
PDF GeneratorPDF Generator (premium) React PDF Generator Features Documentation & Demos
- + @@ -829,7 +848,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
PivotGridPivotGrid (premium) React Pivot Grid Features Documentation & Demos
- + @@ -846,7 +865,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
ChunkProgressBarChunkProgressBar (premium) React ChunkProgressBar Features Documentation & Demos
- + @@ -858,7 +877,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
RippleRipple (premium) React Ripple Features Documentation & Demos
- + @@ -870,7 +889,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
SchedulerScheduler (premium) React Scheduler Features Documentation & Demos
- + @@ -882,7 +901,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
ScrollViewScrollView (premium) React ScrollView (Carousel) Features Documentation & Demos
- + @@ -911,7 +930,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
SortableSortable (premium) React Sortable Features Documentation & Demos
- + @@ -923,7 +942,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
TreeListTreeList (premium) React TreeList Features Documentation & Demos
- + @@ -935,12 +954,12 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
TreeViewTreeView (premium) React TreeView Features Documentation & Demos
- + - + @@ -952,7 +971,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
External Drop ZoneExternal Drop Zone (premium) React External Drop Zone Features Documentation & Demos
UploadUpload (premium) React Upload Features Documentation & Demos
- + @@ -964,7 +983,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
OrgChartOrgChart (premium) React OrgChart Features Documentation & Demos
- + @@ -976,7 +995,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
SpreadSheetSpreadSheet (premium) React SpreadSheet Features Documentation & Demos
- + @@ -988,7 +1007,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
PDFViewerPDFViewer (premium) React PDFViewer Features Documentation & Demos
- + @@ -996,7 +1015,7 @@ If you need assistance on troubleshooting or isolating a problem, you can reques ## Design-to-Development Support -### 3 Design Themes +### Four Design Themes
TaskBoardTaskBoard (premium) React TaskBoard Features Documentation & Demos
@@ -1017,31 +1036,55 @@ If you need assistance on troubleshooting or isolating a problem, you can reques
-### Design Kits +### Four Figma UI Design Kits - +
3 Kendo UI Design Kits for FigmaKendo UI Design Kits for Figma Kendo UI Figma Design Kits Documentation
+### Page Templates & Building Blocks + + + + + + + + + + + + +
Page TemplatesKendo UI Page TemplatesDocumentation
Building BlocksKendo UI Building BlocksDocumentation
+ ### Customize the KendoReact Themes to Match Your Brand - - + +
KendoReact ThemeBuilderApply Your Brand ColorsKendoReact ThemeBuilder AppImplement Design RequirementsThemeBuilder 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) + +![Project Tracker Application](images/kendo-react-free_project_tracker_app.png) + ### 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 Data Grid (Table), Charts, Scheduler or Forms. +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) @@ -1086,17 +1129,31 @@ The [React GitHub Issues Application](https://www.telerik.com/kendo-react-ui/com ## 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. -* [React Resources hub](https://www.telerik.com/kendo-react-ui/resources?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — A helpful list of KendoReact tutorials, blogs, videos, and more. -* [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. -* [Virtual Classroom](https://learn.telerik.com/learn/course/external/view/elearning/14/kendoreact?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — On-demand technical training, free with a trial or license. -* [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. -* [React Wednesdays](https://www.telerik.com/react-wednesdays?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — A weekly chat show with the best and brightest from the React world, hosted by TJ VanToll. +* [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) is a commercial UI library. You will need to install a license key when adding the package to your project. To receive a license key, you need to either purchase a license or register for a free trial. 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). +[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. diff --git a/images/kendo-react-free_project_tracker_app.png b/images/kendo-react-free_project_tracker_app.png new file mode 100644 index 00000000..05f60405 Binary files /dev/null and b/images/kendo-react-free_project_tracker_app.png differ diff --git a/images/kendoreact-github-banner.png b/images/kendoreact-github-banner.png new file mode 100644 index 00000000..44c7956c Binary files /dev/null and b/images/kendoreact-github-banner.png differ