Awesome
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.18
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
CSS
- http://cdn.metroui.org.ua/css/metro.min.css
- http://cdn.metroui.org.ua/css/metro-colors.min.css
- http://cdn.metroui.org.ua/css/metro-schemes.min.css
- http://cdn.metroui.org.ua/css/metro-icons.min.css
- http://cdn.metroui.org.ua/css/metro-responsive.min.css
- http://cdn.metroui.org.ua/css/metro-rtl.min.css
- http://cdn.metroui.org.ua/css/metro-font-cdn.css - this required for use icons from cdn
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
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.