Active theme set to Nord LightNord DarkVet LightVet DarkHealth LightHealth Dark and saved in preferences.
Copied to clipboard.
We’re hiring for design systems team! View open positions.

Nord CDN New

Nord serves all of its packages via a Content Delivery Network for better performance and stability. Nord CDN also makes it faster to implement and use our packages in production.

A content delivery network (CDN) is a group of geographically distributed servers that speed up the delivery of web content by bringing it closer to where users are. CDNs cache content like web pages, images, and video in proxy servers near to your physical location. Some of the benefits of using Nord’s CDN includes:

Available packages #

The following packages are available for usage via Nord CDN:

URL structure #

Nord CDN uses the following URL structure for the hosted packages:

https://nordcdn.net/ds/<package>/<version>/<file>

To fetch e.g. the Webfonts using the above format, you would write it like:

https://nordcdn.net/ds/fonts/2.0.0/fonts.css

Subresource Integrity #

Subresource Integrity is a security feature that enables browsers to verify that resources they fetch from a CDN are delivered without unexpected manipulation. It works by allowing you to provide a cryptographic hash that a fetched resource must match (source: MDN).

Our documentation automatically provides cryptographic hashes for the latest available package versions. To enable SRI verification, use the following tags in the <head> of your application:

Design Tokens #

<link rel="stylesheet" href="https://nordcdn.net/ds/tokens/1.0.7/tokens.custom-properties.css" integrity="sha384-/OZ8/KiNciyGFGYUhkutjMLH9p9ii3/AHNN4HNQVI0BWhc+aTXdmDD2uJoh76TlH" crossorigin="anonymous" />

Webfonts #

<link rel="stylesheet" href="https://nordcdn.net/ds/fonts/2.0.7/fonts.css" integrity="sha384-1AEGQzSMNvs1eghxe2XM1/JrMGyHOKg4G/jwX//SGOgo6FRvcFx+EFDvkMqhwva5" crossorigin="anonymous" />

Web Components #

<script type="module" src="https://nordcdn.net/ds/components/1.0.0-alpha.30/index.js" integrity="sha384-eGYYzlJjTjHYYnp4f6QiL4Z3e1350cGvU8ZPS1heEyU5gBkcgiqm5lKXuHEfvETt" crossorigin="anonymous"></script>

CSS Framework #

<link rel="stylesheet" href="https://nordcdn.net/ds/css/1.0.0-alpha.7/nord.min.css" integrity="sha384-AbjYkVguhtk1Ry8776ZI+tgapTT9I5R8IpyXUZSlkGhjawO9oZnU5DazPwUmcH4S" crossorigin="anonymous" />

Nordicons #

<script type="module" src="https://nordcdn.net/ds/icons/1.2.2/nordicons.js" integrity="sha384-ozpvmSYweMsfS/ZvyEuFAa0TrkkEDfZ3YZa4nGHOvVgVVHhM+dW4M6eYlvlH2ZPV" crossorigin="anonymous"></script>

Themes #

<!-- Nordhealth light theme -->
<link rel="stylesheet" href="https://nordcdn.net/ds/themes/2.0.7/nord.css" integrity="sha384-bowyFJwMxGq6edVuhzlGNnyNTEHhEGZ1r+1TvHnsfJHOYQWcXuntdxq8bBcQaW4Y" crossorigin="anonymous" />
<!-- Nordhealth dark theme -->
<link rel="stylesheet" href="https://nordcdn.net/ds/themes/2.0.7/nord-dark.css" integrity="sha384-jkvofCL2D57AgXmZYQ8tpgVC1fxHJtgsSRkgcmRur9quumKsOLr6FEI7R1tzvrV0" crossorigin="anonymous" />
<!-- Healthcare light theme -->
<link rel="stylesheet" href="https://nordcdn.net/ds/themes/2.0.7/health.css" integrity="sha384-PBgtWfQYM0mQSxLnQwxP+4JKwLYMqHS+REEMCHLl2obvhlPvPxZaoBkCuewaEsQH" crossorigin="anonymous" />
<!-- Healthcare dark theme -->
<link rel="stylesheet" href="https://nordcdn.net/ds/themes/2.0.7/health-dark.css" integrity="sha384-FwIVQOmmH/7hktJUPhcCsZ/R+iaEtG/p2GfEQ4vPa4jOOK5ZF366rGDdtLCyPpNQ" crossorigin="anonymous" />
<!-- Veterinary light theme -->
<link rel="stylesheet" href="https://nordcdn.net/ds/themes/2.0.7/vet.css" integrity="sha384-ghaaL34mUc3JYVhlQIWyVg7N+luRVrPEuSScf2L7WRInUZn9bH5EuJeeqhCL5XX6" crossorigin="anonymous" />
<!-- Veterinary dark theme -->
<link rel="stylesheet" href="https://nordcdn.net/ds/themes/2.0.7/vet-dark.css" integrity="sha384-cDriykZ8F4qNE22pVSsj4l2oaysb4DA6f7Q4YcSJg15OmTyWMJkvK4dSM29GKHji" crossorigin="anonymous" />

Available versions #

Nord CDN includes versioned releases of the following packages starting from:

Getting support #

Need help with Nord CDN? Please head over to the Support page for more guidelines and ways to contact us.

 
Edit page