Set Up Your KendoReact License Key
In this article, you’ll learn how to activate the KendoReact premium components and features by installing a license key.
KendoReact is an enterprise-grade UI library with 120+ free and premium components. You can use the 50+ free components and features of KendoReact, even in production, no license required.
Important: To work with any premium KendoReact components and features, you must install a license key file in your project. This requirement applies to:
- Trial usage: Download and install a trial license key file to evaluate premium features
- Commercial usage: Download and install a commercial license key file for production use
Without a valid license key file, premium components will display licensing warnings and watermarks, which can interrupt your development and user experience.
The license key installation process involves the following steps:
- Purchase a commercial license or start a trial.
- Download a license key.
- Install or update your license key file in your project.
If you’re in a hurry, skip the rest of the article and run this command sequence in your project terminal to download and activate your license:
npm install --save @progress/kendo-licensing
npx kendo-ui-license refresh && npx kendo-ui-license activateDownload Your License Key File
To download a license key for Kendo UI for Angular, you must have either a developer license or a trial license. If you are new to Kendo UI for Angular, sign up for a free trial first and then follow the steps below.
Use the refresh command provided by the kendo-licensing package to download a fresh copy of your license key file. The command-line utility will launch your default browser and ask you to log in to telerik.com.
npx -y @progress/kendo-licensing refreshThe license key file will be saved in the current user's home directory:
- For Mac/Linux:
~/.telerik/telerik-license.txt
To download the license key file to a different location, use the --output parameter and specify a path or file name:
npx -y @progress/kendo-licensing refresh --output kendo-ui-license.txtAlternatively, use your browser to download the license key file and place it in the current user's home directory.
Install or Update the License Key File in Your Project
When you start a new trial, purchase a new Kendo UI for Angular license, or renew an existing one, always download and install a new license key. The new license key includes information about all previous license purchases. The procedure for the installation of a new license key and the update of a license key is the same:
-
Install
@progress/kendo-licensingas a project dependency:shnpm i @progress/kendo-licensing -
Run the activate command in the console:
shnpx kendo-ui-license activate
If the invalid license attributes are still displayed after you have installed or updated the license key, see the Troubleshooting License Activation article and the FAQ page for more information.
If both the
TELERIK_LICENSEenvironment variable and thetelerik-license.txtfile are present, then the environment variable will be used.
When renewing your subscription, always regenerate and reactivate the license key. This will allow you to update the KendoReact components in your application. Each licensing file contains information about the validity of your subscription and can be used for all KendoReact versions published before its expiration date.
Automatic License Key File Management in Visual Studio Code
The Kendo UI Productivity Tools extension can automatically download and manage your license key file. Simply log in to your Telerik or Kendo UI account from Visual Studio Code to enable this feature. For more information, see the Kendo UI Productivity Tools documentation.
Troubleshooting
If you have a valid license key, and the License activation failed warning appears in the terminal, performing a clean, fresh install usually resolves it. To do this, follow these instructions:
-
Run
rm -rf node_modulesto remove all installed packages.shrm -rf node_modules package-lock.json yarn.lock -
Install all packages in the project.
shnpm i -
Run the activate command again:
shnpx kendo-ui-license activate
If the invalid license attributes are still displayed after you have installed or updated the license key, see the License Activation Errors and Warnings and the FAQs articles for more information.