Set Up Your Kendo UI for Vue License Key
In this article, you’ll learn how to activate the Kendo UI for Vue components by installing a personal license key.
Since version 3.14.0 (13 September 2023) of Kendo UI for Vue, a missing license causes a watermark to appear over selected components. For more information, see the Invalid License section below.
Kendo UI for Vue is a professionally developed library distributed under a commercial license. Starting from version 2.0.0, using any of the UI components from the Kendo UI for Vue library requires either a commercial license key or an active trial license key.
The license key installation process involves three steps:
- Download a license key from this page (see next section).
- Install or update your license key file in your project.
- Register the license key by running a CLI command.
Download Your License Key
To download a license key for Kendo UI for Vue, you must have either a developer license or a trial license. If you are new to Kendo UI for Vue, sign up for a free trial first and then follow the steps below.
-
Go to the License Keys page in your Telerik account.
-
Click the Download License Key button in the License Key banner.
Starting with the 2025 Q1 release, the name of the downloaded file changes from
kendo-ui-license.txt
totelerik-license.txt
. This change is required as all Telerik UI and Kendo UI products now use the same licensing mechanism with a common license key. See the Handling License Key File Name and Environment Variable Name Changes in the 2025 Q1 Release knowledge base article for more details.
Installing or Updating the License Key
- Copy the license key file (
telerik-license.txt
) to the root folder of your application. This is the folder that contains thepackage.json
file.- Alternatively, copy the contents of the file to the
TELERIK_UI_LICENSE
environment variable.
- Alternatively, copy the contents of the file to the
- Install
@progress/kendo-licensing
as a project dependency by runningnpm install --save @progress/kendo-licensing
oryarn add @progress/kendo-licensing
. - Run
npx kendo-ui-license activate
oryarn run kendo-ui-license activate
in the console.
- If both the
TELERIK_LICENSE
environment variable and thetelerik-license.txt
file 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 Kendo UI for Vue components in your application. Each licensing file contains information about the validity of your subscription and can be used for all Kendo UI for Vue versions published before its expiration date.
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_modules
to remove all installed packages. - Delete the package-lock.json and/or yarn.lock file(s).
- Make a new npm install and activation of the license.
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.