Download

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).

Download

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="https://cdn.metroui.org.ua/v4/css/metro-all.min.css">
                    <script href="https://cdn.metroui.org.ua/v4/js/metro.min.js"></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

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

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

Package manager


                    PM> Install-Package metro4 -Version {number}
                

.NET CLI


                    > 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.