New to Kendo UI for jQuery? Start a free 30-day trial

Using CDN

Updated on Jul 17, 2026

The Kendo UI for jQuery CDN resides on the Amazon CloudFront. Use it to load the official Kendo UI for jQuery releases and service packs without hosting the assets locally.

As of the R3 2022 release, you must activate the CDN distribution by adding your script license key.

Installation Steps

Add the required CSS and JavaScript files.

The Kendo UI CDN provides kendo.cdn.telerik.com and the cookie-free cdn.kendostatic.com service.

The legacy https://da7xgjtj801h2.cloudfront.net/ URL remains active but is no longer recommended for new projects.

Add the theme stylesheet from https://kendo.cdn.telerik.com/themes/<version>/<theme>/<swatch>.css. For example, you can load the 14.5.0 version of the Default theme from https://kendo.cdn.telerik.com/themes/14.5.0/default/default-main.css.

Starting with the 2023 R3 release, the font icons are detached from the Kendo Themes CDN. For more information on referencing the icons in your project, see the font icon usage documentation.

Add the JavaScript files by using either the JavaScript modules or the bundled JavaScript files.

The JavaScript modules are located in the /mjs/ folder. To include a JavaScript module in your project, use the script tag with the type="module" attribute.

The following example demonstrates how to include an individual component module.

html

<script src="https://kendo.cdn.telerik.com/2026.3.811/mjs/kendo.grid.js" type="module"></script>

The following example demonstrates how to include all available modules.

html

<script src="https://kendo.cdn.telerik.com/2026.3.811/mjs/kendo.all.js" type="module"></script>

The bundled version of the Kendo UI for jQuery library is available at https://kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js. For example, you can load the 2026.3.811 version from https://kendo.cdn.telerik.com/2026.3.811/js/kendo.all.min.js.

The minified Kendo UI for jQuery scripts are available as of the Kendo UI Q1 2014 SP1 release. To load them, use https://kendo.cdn.telerik.com/2026.3.811/js/kendo.ui.core.min.js.

Add your script license key.

Generate and reference your script license key by following the current licensing instructions for CDN-based installations.

Add the HTML element and initialize the component.

Depending on the component you require, you can initialize the Kendo UI controls from different elements. The following example demonstrates a complete page that adds the input element, loads the CDN assets, and initializes a DropDownList with basic configuration.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Kendo UI using CDN</title>

        <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/14.5.0/default/default-main.css" />

        <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
        <script src="https://kendo.cdn.telerik.com/2026.3.811/js/kendo.all.min.js"></script>
    </head>
    <body>
      <input id="ddl" />
      <script>
        $("#ddl").kendoDropDownList({
          dataTextField: "text",
          dataValueField: "value",
          dataSource: [
            { text: "Item1", value: "1" },
            { text: "Item2", value: "2" }
          ]
        });
      </script>
    </body>
</html>

Using CDN

Installation Steps

Next Steps

See Also