Create Web Based Window 8 Interface Quickly with Metro UI CSS

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

Introduction

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.

Features

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

Screenshots

SPECIFICATIONS & DOWNLOAD

By Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Related Articles
Vital - A Minimally Invasive CSS Framework For Web App
Parallax Scrolling Effect from Nike Better World - Tutorials And Inspirations
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 12 years ago
Love the WIndows 8 one :)
Reply