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.13/dx-diagram.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.56/dx-gantt.min.js"></script>
- <!-- DevExtreme Quill (required by the HtmlEditor UI component) -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/1.7.1/dx-quill.min.js"></script>
- <!-- DevExtreme library -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/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.13/dx-diagram.js"></script> -->
- <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.56/dx-gantt.js"></script> -->
- <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/1.7.1/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.13/dx-diagram.min.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.56/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.3/css/dx.carmine.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.carmine.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.contrast.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.contrast.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.darkmoon.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.darkmoon.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.darkviolet.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.darkviolet.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.greenmist.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.greenmist.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.blue.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.blue.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.blue.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.blue.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.lime.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.lime.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.lime.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.lime.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.orange.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.orange.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.orange.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.orange.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.purple.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.purple.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.purple.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.purple.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.teal.dark.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.teal.dark.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.teal.light.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.material.teal.light.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.softblue.compact.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/24.2.3/css/dx.softblue.css" rel="stylesheet">
- <!-- Diagram and Gantt development stylesheets -->
- <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/2.2.13/dx-diagram.css" rel="stylesheet"> -->
- <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/4.1.56/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:
ZIP Archive
Download the ZIP archive if you use jQuery, develop applications with DevExtreme on Mac or Linux, or simply want to try DevExtreme. In this archive you can find DevExtreme scripts, stylesheets, and demos.
If you have technical questions, please create a support ticket in the DevExpress Support Center.