DEV Community

Cover image for KendoReact: How to Activate 30-Day Free Trial License Key (Remove Watermark Guide)
Chirag Patel
Chirag Patel

Posted on

KendoReact: How to Activate 30-Day Free Trial License Key (Remove Watermark Guide)

#webdev #react #kendoreact #tutorial

If you’ve added KendoReact components to your React project and noticed a watermark, it means you’re using a paid component without activating a license. Don’t worry — Telerik provides a 30-day free trial license so you can explore all premium components with full functionality and a clean UI.

This post will guide you through the simple steps to activate the license and get rid of the watermark.

Why You Need to Activate the License

KendoReact has two tiers:

  • Free tier – 50+ free components.
  • Paid tier – 120+ premium components (requires a license).

If you use a paid component without activating a license, you’ll see a watermark. Activating the trial license gives you 30 days of full premium access.

Steps to Activate the 30-Day Trial License Key

1. Log in to Your Telerik Account

2. Start Your Free Trial

  • In your Telerik account, go to Your Licenses.
  • There, you will see the License Keys section.

3. Download Your License Key

  • Click on 'Download License Key' button.
  • The downloaded file will be named telerik-license.txt.
  • Place it in your project’s root folder (where package.json is located).

Alternatively, you can copy the license key’s contents into an environment variable named TELERIK_LICENSE.

4. Install the Licensing Package
In your project, install the licensing package:

npm install @progress/kendo-licensing
Enter fullscreen mode Exit fullscreen mode

(or)

yarn add @progress/kendo-licensing
Enter fullscreen mode Exit fullscreen mode

5. Activate the License
Run the activation command in your project root:

npx kendo-ui-license activate
Enter fullscreen mode Exit fullscreen mode

(or)

yarn run kendo-ui-license activate
Enter fullscreen mode Exit fullscreen mode

6. Verify Activation

  • Restart your dev server.
  • The watermark should now be gone.
  • If issues persist, try cleaning your project by running: 
rm -rf node_modules package-lock.json
npm install
Enter fullscreen mode Exit fullscreen mode

Then re-run the activation command.

Final Thoughts

By following these steps, you’ll:

  • Remove the trial watermark.
  • Unlock all KendoReact premium components for 30 days.
  • Give your project a more professional and polished UI.

👉 Official documentation: Activate KendoReact License

Happy coding! 🚀

Top comments (1)

Collapse
 
alphonsekazadi profile image
Alphonse KAZADI •

An other way is to set it directly into vercel .env when the app has been deployed.