The Windows 8 Metro Style user interface for the Windows Start Menu and new Metro Style apps may very well define the popular styling of all sorts of interfaces for years to come. It seems many designs merge toward singularity as the learning curve is reduced with a system people are already familiar with. If you would like to make a website that matches the Windows 8 Metro Style UI, you have been saved a lot of work thanks to somebody’s contributions already with the Metro UI CSS.
The Metro UI CSS provides a framework to create sites that look like Windows 8 style. Fittingly, the site serves as both a demo of the framework and the source of information and downloading the framework.
You can see a lot of the things that can be done with just HTML and CSS by browsing around the site. You can scroll horizontally using the scroll wheel or grabbing the background and dragging it.
- Emulate the Windows 8 Start screen
- Create image collections in the tile format
- See all the tiles laid out as a deck of cards
- and many more (click on the top-left Title to get a drop-down menu)
You can check out the site for yourself at http://metroui.org.ua/ and download the framework (under MIT License) from its Github repository.