Metro-UI-CSS 0,4,5,0,1,7,0,6 grunt Bower npm

CSS styles for build Windows 8 Metro UI stylable interface

2 years after MIT


The front-end framework for developing projects on the web in Windows Metro Style, created and supported by Sergey Pimenov (aka olton) with the massive support and involvement of community. Metro UI CSS developed with the advice of Microsoft to build the user interface and include: general styles, grid, layouts, typography, 20+ components, 300+ built-in icons. Metro UI CSS build with {LESS}. Metro UI CSS is open source and has MIT licensing model.

Current Version 3.0.17

Install with bower

bower install metro bower install metro-dist

Install with npm

npm install metro-dist

metro-dist repository contains only main framework files: css, js and font

Install with nuget

Install-Package Metro.UI.CSS

Public CDN

Master branch



Develop branch


Whats new in 3.0

  • compatible with AngularJS and RequireJS
  • full code refactoring
  • declarative approach to the definition of components
  • framework itself monitors components, pressure via ajax
  • create cool page without knowledge of javascript

    Documentation and Demo:
    Documentation and Demo for V2:
    Community Forum:


  • Metro UI CSS is a Microsoft BizSpark Startup.
  • Styles created using the less preprocessor by Alexis Sellier
  • preCode by Leon Sorokin preCode
  • easing functions by George McGinley Smith easing
  • mousewheel.js by Brandon Aaron mousewheel
  • jQuery Core and jQuery Widget Factory by jQuery jquery
  • All who have I picked up something good

Browser Compatibility

IE9+, Chrome, Firefox, Opera, Safari


Metro UI CSS has MIT License

Old version

Metro UI CSS 2.x you can find in a branch metrouicss-2x
Metro UI CSS 0.95 you can find in a branch metrouicss-0.95


Thanks to all. Special thanks to all those who financially supported the project.

Related Repositories



My attempt to implement Metro theme for jQuery Mobile ...



A curated list of awesome CSS frameworks, libraries and software. ...



A curated list of awesome UI libraries, frameworks & guidelines ...



Metro UI for Rails 3.1 Asset Pipeline ...



SASS powered version of Metro-UI-CSS ...

Top Contributors

olton format1981 greensolid Kation xipheCom vabatta tobiodeyemi icardo barry-johnson mindtec mwildenb JohnArcher siteslave creatrice cs8898 ammubhave akzhan EnzoMartin Eric-Guo igorlima Luminess webejame NoGrief oazabir sagarsane ItsMeSousuke ytyukhnin ZachGambino-GG curaro deostroll


package version
dev autoprefixer-core ^5.1.11
grunt ^0.4.5
grunt-autoprefixer ^3.0.0
grunt-contrib-clean ^0.6.0
grunt-contrib-concat ^0.5.1
grunt-contrib-copy ^0.8.0
grunt-contrib-cssmin ^0.12.2
grunt-contrib-less ^1.0.0
grunt-contrib-uglify ^0.8.0
grunt-contrib-watch ^0.6.1
grunt-postcss ^0.3.0
grunt-replace ^0.9.1
load-grunt-tasks ^3.1.0


-   3.0.15 zip tar
-   3.0.14 zip tar
-   3.0.13 zip tar
-   3.0.12 zip tar
-   3.0.11 zip tar
-   3.0.10 zip tar
-   3.0.9 zip tar
-   3.0.8 zip tar
-   3.0.7 zip tar
-   3.0.6 zip tar
-   3.0.5 zip tar
-   3.0.4 zip tar
-   3.0.3 zip tar
-   3.0.2 zip tar
-   3.0.0 zip tar
-   3.0.0-beta.1 zip tar
-   2.0.23 zip tar
-   2.0.20 zip tar
-   2.0.17 zip tar
-   2.0.16 zip tar
-   2.0.3 zip tar
-   2.0.2 zip tar