Skip to content

Distribution Channels - CDN: Add jsDelivr Links & Update Topic #8773

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
arman-boyakhchyan wants to merge 5 commits into
base: 25_2
Choose a base branch
from
+83 −10
Open

Distribution Channels - CDN: Add jsDelivr Links & Update Topic #8773

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
1b63922
Distribution Channels - CDN: Add jsDelivr Links & Update Topic
arman-boyakhchyan May 20, 2026
14728d9
Update Following Feedback
arman-boyakhchyan May 20, 2026
1dd90a1
Reword For Accuracy
arman-boyakhchyan May 20, 2026
df6e4d7
Update Following Feedback
arman-boyakhchyan May 20, 2026
780c71d
Update Diagram, Gantt, Quill, & ASP.NET Data Links
arman-boyakhchyan May 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
93 changes: 83 additions & 10 deletions concepts/Common/Distribution Channels/05 CDN/05 CDN.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,83 @@
DevExtreme sources are available on cdnjs:
DevExtreme bundles are available on multiple hosting platforms.

## Scripts
[note] We recommend that you use DevExtreme sources hosted on jsDelivr to minimize downtime for your application.

## jsDelivr

### Scripts:

<!-- Diagram and Gantt -->
<script src="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.min.js"></script>

<!-- DevExtreme Quill (required by the HTML Editor UI component) -->
<script src="https://cdn.jsdelivr.net/npm/devextreme-quill@cdnjs_version/dist/dx-quill.min.js"></script>

<!-- DevExtreme library -->
<script src="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/js/dx.all.js"></script>

<!-- DevExpress.AspNet.Data -->
<script src="https://cdn.jsdelivr.net/npm/devextreme-aspnet-data@cdnjs_version/js/dx.aspnet.data.min.js"></script>

<!-- Development scripts -->
<!-- <script src="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/devextreme-quill@cdnjs_version/dist/dx-quill.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/devextreme-aspnet-data@cdnjs_version/js/dx.aspnet.data.js"></script> -->

### Stylesheets:

<!-- Diagram and Gantt stylesheets -->
<link href="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.min.css" rel="stylesheet">

<!-- Theme stylesheets (reference only one of them) -->
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.carmine.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.carmine.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.contrast.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.contrast.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.dark.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.dark.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkmoon.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkmoon.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkviolet.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkviolet.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.greenmist.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.greenmist.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.light.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.dark.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.dark.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.light.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.dark.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.dark.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.light.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.dark.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.dark.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.light.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.dark.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.dark.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.light.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.dark.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.dark.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.light.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.softblue.compact.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.softblue.css" rel="stylesheet">

<!-- Diagram and Gantt development stylesheets -->
<!-- <link href="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.css" rel="stylesheet"> -->
<!-- <link href="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.css" rel="stylesheet"> -->

## CDNJS

[important] Due to reliability concerns, we plan to discontinue hosting new versions of DevExtreme bundles on CDNJS. We recommend that you use jsDelivr in new projects and migrate your existing applications to jsDelivr sources to minimize downtime.

### Scripts:

<!-- Diagram and Gantt -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/cdnjs_version/dx-diagram.min.js"></script>
Expand All @@ -21,7 +98,7 @@ DevExtreme sources are available on cdnjs:
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/cdnjs_version/dx-quill.js"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-aspnet-data/cdnjs_version/dx.aspnet.data.js"></script> -->

## Stylesheets
### Stylesheets:

<!-- Diagram and Gantt stylesheets -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/cdnjs_version/dx-diagram.min.css" rel="stylesheet">
Expand Down Expand Up @@ -69,11 +146,9 @@ DevExtreme sources are available on cdnjs:
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/cdnjs_version/dx-diagram.css" rel="stylesheet"> -->
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/cdnjs_version/dx-gantt.css" rel="stylesheet"> -->

## DevExpress CDN:

Alternatively, you can get DevExtreme sources from DevExpress CDN:

---
##### Scripts
### Scripts:

<!-- Diagram and Gantt -->
<script src="https://cdn3.devexpress.com/jslib/minor_25_2/js/dx-diagram.min.js"></script>
Expand All @@ -98,7 +173,7 @@ Alternatively, you can get DevExtreme sources from DevExpress CDN:
<!-- <script src="https://cdn3.devexpress.com/jslib/minor_25_2/js/dx.viz.debug.js"></script> -->
<!-- <script src="https://cdn3.devexpress.com/jslib/minor_25_2/js/dx.web.debug.js"></script> -->

##### Stylesheets
### Stylesheets:

<!-- Diagram and Gantt stylesheets -->
<link href="https://cdn3.devexpress.com/jslib/minor_25_2/css/dx-diagram.min.css" rel="stylesheet">
Expand Down Expand Up @@ -146,6 +221,4 @@ Alternatively, you can get DevExtreme sources from DevExpress CDN:
<!-- <link href="https://cdn3.devexpress.com/jslib/minor_25_2/css/dx-diagram.css" rel="stylesheet"> -->
<!-- <link href="https://cdn3.devexpress.com/jslib/minor_25_2/css/dx-gantt.css" rel="stylesheet"> -->

---

[tags] jquery
Loading