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.

bower install metro

bower install metro-dist

This repository contains only main framework files: css, js and font

Install-Package Metro.UI.CSS

https://cdn.rawgit.com/olton/Metro-UI-CSS/master/build/css/metro.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/master/build/css/metro-responsive.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/master/build/css/metro-schemes.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/master/build/css/metro-rtl.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/master/build/css/metro-icons.min.css

https://cdn.rawgit.com/olton/Metro-UI-CSS/master/build/js/metro.min.js

https://cdn.rawgit.com/olton/Metro-UI-CSS/develop/build/css/metro.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/develop/build/css/metro-responsive.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/develop/build/css/metro-schemes.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/develop/build/css/metro-rtl.min.css
https://cdn.rawgit.com/olton/Metro-UI-CSS/develop/build/css/metro-icons.min.css

https://cdn.rawgit.com/olton/Metro-UI-CSS/develop/build/js/metro.min.js

• 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: metroui.org.ua.
Documentation and Demo for V2: metroui.org.ua/v2.
Community Forum: forum.metroui.org.ua.

• 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

IE9+, Chrome, Firefox, Opera, Safari

Metro UI CSS has MIT License

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.