Everything You Need To Create Windows 8 Metro UI-Styled Websites

Windows 8 has arrived and the familiar look of Windows OS has completely changed with the tile-based Metro UI.

This is a big move by Microsoft as this new UI will be used in all their platforms including desktop, tablet, mobile and their website as well.

Personally, I liked the Metro UI as it fits into many aspects of the modern web design like simplicity, grid-based interfaces (good for responsive layouts) and it is consistent in every part (there is really a style guide behind it).

Although tile-based UIs is nothing new, Metro UI will definitely inspire many designers and we’ll see websites similar to it.

If you like the Metro UI and planning to create your next website with inspirations from it, here are all the resource to create Windows 8 Metro UI-like layouts:

It’s not called Metro anymore, but they have yet to come up with a good replacement. At the //Build/ conference, they called it “Windows Store App” instead of “Metro App”. This doesn’t work for web apps or other non-Windows 8 apps that use that design paradigm. I guess the best we can do for now is call it “Windows 8-Style UI”.