Welcome

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.13 Install with bower

bower install metro

Install with nuget

Install-Package Metro.UI.CSS

Public CDN

Master branch

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

JS

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

Develop branch

CSS

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

JS

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

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

Credits

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

License

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

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

svitaliyv/Metro-UI-CSS