Metro UI CSS

Metro UI CSS a set of styles to create a site with an interface similar to Windows 8. This set of styles was developed as a self-contained solution.


To use the Metro UI CSS, you have to follow the 5 simple rules:

  • Create page with HTML5 DOCTYPE
  • Include in head metro-bootstrap.css
  • For plugins usage: include in head jquery core, jquery widget factory and metro plugins
  • Create container for Metro UI CSS component with class .metro
  • Use markup for components, as described in the pages of this site


Go give it a try

Zsolt Mathe

I'm a backend and frontend developer from Transylvania with over 10 years of experience. I love dealing with new challenges on php, html5 and css3.

Freebies on Codelium

    Do you want to read more?

    Get Free Wordpress Tutorials, News for Webdesigners every Week!