Download Metro 4 to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, Bower, Yarn, and more.

Compiled CSS and JS

Download ready-to-use compiled code for Metro 4 to easily drop into your project, which includes:

  • Compiled and minified CSS bundles (main, colors, rtl, schemes and icons)
  • Compiled and minified JavaScript plugins

* This doesn’t include documentation, source files, or any optional JavaScript dependencies (jQuery and others).


Source files

Compile Metro 4 with your own asset pipeline by downloading our source Less, JavaScript, and documentation files. This option requires some additional tooling:

  • Less compiler for compiling your CSS
  • Autoprefixer for CSS vendor prefixing
  • Build tools for compiling js files

* Author use Grunt with required modules.

Download source

Metro CDN

Use Metro CDN to deliver cached version of Metro 4 with compiled CSS and JS to your project.

                    <link rel="stylesheet" href="">
                    <script href=""></script>

* Metro CDN, provided for free by the folks at KeyCDN

Package managers

Pull in Metro 4 source files into nearly any project with some of the most popular package managers.


                    $ npm install metro4@latest // full
                    $ npm install metro4-dist@latest // short

                    $ yarn add metro4@latest // full
                    $ yarn add metro4-dist@latest // short

Package manager

                    PM> Install-Package metro4 -Version {number}


                    > dotnet add package Metro4 -Version {number}

Packet CLI

                    > packet add package Metro4 -Version {number}

Custom builder

Use Builder to create your own set of components.