jsoon / metro-ui-css

CSS styles for build Windows 8 Metro UI stylable interface

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

Install with bower

bower install metro

you can also use short repository of the latest version of metro UI CSS (from Master branch)

bower install metro-dist

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

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.