npm
You can use npm to deliver DevExtreme to a jQuery application.
Install the latest stable version:
- npm install devextreme-dist@24.2 --save --save-exact
Install the latest published version. It can be stable or pre-release. Pre-release versions contain hotfixes and new features for early testing.
- npm install devextreme-dist@24.2-next --save --save-exact
Yarn
You can use Yarn to install the DevExtreme npm package.
Install the latest stable version:
- yarn add devextreme@24.2 --exact
Install the latest published version. It can be stable or pre-release. Pre-release versions contain hotfixes and new features for early testing.
- yarn add devextreme@24.2-next --exact
CDN
DevExtreme sources are available on cdnjs:
Scripts
- <!-- Diagram and Gantt -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.2.15/dx-diagram.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.60/dx-gantt.min.js"></script>
- <!-- DevExtreme Quill (required by the HTML Editor UI component) -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/1.7.2/dx-quill.min.js"></script>
- <!-- DevExtreme library -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/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.2.15/dx-diagram.js"></script> -->
- <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.60/dx-gantt.js"></script> -->
- <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/1.7.2/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.2.15/dx-diagram.min.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.60/dx-gantt.min.css" rel="stylesheet">
- <!-- Theme stylesheets (reference only one of them) -->
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.carmine.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.carmine.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.contrast.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.contrast.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.darkmoon.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.darkmoon.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.darkviolet.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.darkviolet.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.greenmist.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.greenmist.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.blue.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.blue.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.blue.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.blue.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.lime.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.lime.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.lime.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.lime.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.orange.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.orange.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.orange.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.orange.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.purple.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.purple.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.purple.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.purple.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.teal.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.teal.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.teal.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.material.teal.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.softblue.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.6/css/dx.softblue.css" rel="stylesheet">
- <!-- Diagram and Gantt development stylesheets -->
- <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.2.15/dx-diagram.css" rel="stylesheet"> -->
- <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.60/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:
If you have technical questions, please create a support ticket in the DevExpress Support Center.