All docs
V21.2
24.2
The page you are viewing does not exist in version 24.2.
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
A newer version of this page is available. Switch to the current version.

DevExtreme jQuery/JS - CDN

DevExtreme sources are available on cdnjs:

Scripts

  • <!-- Diagram and Gantt -->
  • <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.1.68/dx-diagram.min.js"></script>
  • <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.0.27/dx-gantt.min.js"></script>
  •  
  • <!-- DevExtreme Quill (required by the HtmlEditor UI component) -->
  • <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/~1.5.18/dx-quill.min.js"></script>
  •  
  • <!-- DevExtreme library -->
  • <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/js/dx.all.js"></script>
  •  
  • <!-- DevExpress.AspNet.Data -->
  • <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-aspnet-data/5.0.0/dx.aspnet.data.min.js"></script>
  •  
  • <!-- Development scripts -->
  • <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.1.68/dx-diagram.js"></script> -->
  • <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.0.27/dx-gantt.js"></script> -->
  • <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/~1.5.18/dx-quill.js"></script> -->
  • <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-aspnet-data/5.0.0/dx.aspnet.data.js"></script> -->

Stylesheets

  • <!-- Diagram and Gantt stylesheets -->
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.1.68/dx-diagram.min.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.0.27/dx-gantt.min.css" rel="stylesheet">
  •  
  • <!-- Theme stylesheets (reference only one of them) -->
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.carmine.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.carmine.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.contrast.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.contrast.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.dark.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.dark.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.darkmoon.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.darkmoon.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.darkviolet.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.darkviolet.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.greenmist.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.greenmist.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.light.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.light.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.blue.dark.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.blue.dark.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.blue.light.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.blue.light.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.lime.dark.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.lime.dark.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.lime.light.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.lime.light.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.orange.dark.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.orange.dark.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.orange.light.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.orange.light.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.purple.dark.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.purple.dark.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.purple.light.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.purple.light.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.teal.dark.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.teal.dark.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.teal.light.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.material.teal.light.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.softblue.compact.css" rel="stylesheet">
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme/21.2.15/css/dx.softblue.css" rel="stylesheet">
  •  
  • <!-- Diagram and Gantt development stylesheets -->
  • <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.1.68/dx-diagram.css" rel="stylesheet"> -->
  • <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.0.27/dx-gantt.css" rel="stylesheet"> -->

Alternatively, you can get DevExtreme sources from DevExpress CDN:

Subresource Integrity Hashes

You can use Subresource Integrity (SRI) hashes to verify DevExtreme files when fetching them from CDN. Each link below contains sha384 and sha512 hashes: