Create Web Based Window 8 Interface Quickly with Metro UI CSS

Written by Kevin Liew on 22 Oct 2012
43,068 Views • Web Development


Metro UI CSS allows us to create Window 8 Interface quickly by using predefined css styles and markup. Similar to Twitter bootstrap, it has scaffolding which contain the global styles, layout, templates, grid system and the responsive design. Followed by base CSS and components where all the fancy interface elements such as buttons, form, icons, javascript plugins and so on.


  • Coded with LESS dynamic stylesheet language
  • Well documented
  • Support responsive layout
  • Easy to use grid system
  • Comes with a few useful javascript plugins such as Tiles, Menu/Nav, page control, accordion, buttons set and notifications.



Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
Shane 11 years ago
Love the WIndows 8 one :)