Prakash Hinduja Geneva (Switzerland) How do I set up Kendo UI components in my project?

[Prakash]

Hello, I’m Prakash Hinduja, born in India and now living in Geneva, Switzerland (Swiss). I’m new to Kendo UI and want to set up its components in my project. Any tips, please suggest me. 

[Charlie]

I recommend adding the Kendo UI CDN or install it via npm, so you get all scripts and styles ready. Then try using one or two basic components (like Grid or DatePicker) in a clean test project, just to understand how the setup works.

Slither io

[Martin]

Hello, Prakash,

To help you set up Kendo UI for jQuery components in your project, here are all the main approaches you can use:

Approaches to Add Kendo UI for jQuery

1. Using CDN (Content Delivery Network)

• The quickest way to get started is by including the Kendo UI CSS and JS files directly from the CDN in your HTML:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/12.0.0/default/default-ocean-blue.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>  
<script src="https://kendo.cdn.telerik.com/2025.3.825/js/kendo.all.min.js"></script>

2. Local Installation

• Download the Kendo UI for jQuery package from your Telerik account.
• Add the CSS and JS files to your project and reference them locally:

  <link rel="stylesheet" href="path/to/kendo.default-v2.min.css" />
  <script src="path/to/jquery.min.js"></script>
  <script src="path/to/kendo.all.min.js"></script>
  

3. Using npm Package Manager

• For projects using build tools (like Webpack), install Kendo UI for jQuery via npm (requires a commercial license):

  npm install --save @progress/kendo-ui
  

  Then import the needed scripts:

  import $ from 'jquery';
  import '@progress/kendo-ui';
  

You can also check our documentation to get started with our components.

Let me know if you have any questions.

Regards,
Martin
Progress Telerik