Download
Download Metro UI from CDN to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm!
Main CDN (cdn.metroui.org.ua)
Section titled “Main CDN (cdn.metroui.org.ua)”Use Metro CDN to deliver a cached version of Metro UI with compiled CSS and JS to your project.
<link rel="stylesheet" href="https://cdn.metroui.org.ua/current/metro.css"/><link rel="stylesheet" href="https://cdn.metroui.org.ua/current/icons.css"/><script src="https://cdn.metroui.org.ua/current/metro.js"></script><link rel="stylesheet" href="https://cdn.metroui.org.ua/dev/metro.css"/><link rel="stylesheet" href="https://cdn.metroui.org.ua/dev/icons.css"/><script src="https://cdn.metroui.org.ua/dev/metro.js"></script>If you want to use a specific version of Metro UI, you can specify the version in the URL instead of current or dev.
For example, to use version 5.0.13, you can use the following URLs:
<link rel="stylesheet" href="https://cdn.metroui.org.ua/5.0.13/metro.css"/>Reserved CDN (cdn.statically.io)
Section titled “Reserved CDN (cdn.statically.io)”<link rel="stylesheet" href="https://cdn.statically.io/gh/olton/metroui/master/lib/metro.css"/><link rel="stylesheet" href="https://cdn.statically.io/gh/olton/metroui/master/lib/icons.css"/><script src="https://cdn.statically.io/gh/olton/metroui/master/lib/metro.js"></script><link rel="stylesheet" href="https://cdn.statically.io/gh/olton/metroui/dev/lib/metro.css"/><link rel="stylesheet" href="https://cdn.statically.io/gh/olton/metroui/dev/lib/icons.css"/><script src="https://cdn.statically.io/gh/olton/metroui/dev/lib/metro.js"></script>Metro UI is available as a npm package. To install it, run:
npm install @olton/metrouipnpm install @olton/metrouiyarn add @olton/metrouiAnd then import it in your project:
import "@olton/metroui";Read more about how to use Metro UI with bundlers.