DevExtreme React - CDN

DevExtreme provides the following files via CDN:

Scripts

  • <!-- Production files -->
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-diagram.min.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-gantt.min.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.all.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.web.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz-web.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.aspnet.mvc.js"></script>
  •  
  • <!-- Development files -->
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-diagram.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-gantt.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.all.debug.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz.debug.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.web.debug.js"></script>
  • <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz-web.debug.js"></script>

Stylesheets

  • <!-- Diagram and Gantt production stylesheets -->
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-diagram.min.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-gantt.min.css" rel="stylesheet">
  • <!-- Diagram and Gantt development stylesheets -->
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-diagram.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-gantt.css" rel="stylesheet">
  •  
  • <!-- Common DevExtreme stylesheets -->
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.common.css" rel="stylesheet">
  •  
  • <!-- Theme stylesheets -->
  • <!-- Reference only one of these -->
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.carmine.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.carmine.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.contrast.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.contrast.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.dark.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.dark.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkmoon.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkmoon.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkviolet.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkviolet.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.greenmist.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.greenmist.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.ios7.default.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.light.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.light.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.dark.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.dark.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.light.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.light.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.dark.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.dark.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.light.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.light.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.dark.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.dark.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.light.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.light.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.dark.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.dark.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.light.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.light.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.dark.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.dark.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.light.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.light.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.softblue.compact.css" rel="stylesheet">
  • <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.softblue.css" rel="stylesheet">

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: