Essential Tools to Creating Windows 8 Metro UI-Styled Websites

Essential Tools to Creating Windows 8 Metro UI-Styled Websites
  • By
  • June 18, 2013
  • 0 Comment

There is no limit when it comes to designing and developing a website. We keep moving forward, opening new doors, and doing new things, because our curiosity leads us to the new paths and horizons.

Microsoft recently released new version of windows and the traditional appearance of User Interface is being totally switched into the tile-based Metro User Interface.

Globally developers, designers and users have much appreciated this new look on their desktops, tablets, mobiles as well as they are eager to work to make Metro UI-styled websites as well.

Honestly, I love Metro UI since its first look because of its plain and simple design, grid-based interface to pin all your necessary apps on main screen with an easy access. Windows 8 provides very elegant and  friendly user experience.


To develop an app for Windows 8, necessary user experience (UX) guidelines can be found here and the list of essential tools to design a Metro styled website are listed below

Templates and Frameworks

Metro UI Template


This framework helps creating website based on the Windows 8 Metro UI style. Many tiles, slideshows, livetiles, many animations, works in all major browsers SEO optimised, JS & CSS compressing system, Mobile Ready.



Simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8.

Metro UI CSS


Metro UI CSS is a BizSpark Startup

Microsoft BizSpark is a global program that helps software startups succeed by giving them access to software development tools, connecting them with key industry players and providing the marketing visibility. Easy to use and hence provides great functionality.

Droptiles – Metro-Style Web Dashboard


An open source web 2.0 Dashboard (like iGoogle, My Yahoo! ). Whole page can be customized according to your needs and can be converted from ASP.NET to any language

Gallery In Metro UI


Simple Metro PHP Gallery (SMPG) is a light weight, easy to use gallery script inspired by the Metro UI supports .PNG, .JPG and .GIF image file formats. It generates thumbnails in a way so that your website can be loaded fast.

jQuery powered tools

jQuery Metro UI Plugin


jQuery Metro UI Buttons is a easy way to build websites with a new Metro UI.



jq-metro very well developed plugin offers great functionality to transform your slides in pivot style, progress bar, toggle switch and many more. 

 jQUIT Builder


Easy to use and very handy to create Metro UI styled theme.

Metro Styled Icon Set

1000+ Metro Styled Icons


The archive contains icons in multiple sizes from 26×26 to 512×512 in (.png) format.

Icons8 Metro Style Icons by VisualPharm


1078 Icons set with size of 512px.

Design your new website(s) using these tools and step into the new evolution of design and innovation.

Related Articles

  • Make Money Online Without Investment as a Freelance Web Developer

    Gone are the days when people had to search for jobs through newspaper and fliers, and had to wake up early in the morning to reach their workplace on time. With the advancement of internet, there are various possible ways to make money from home by employing your best skills. I am not just talking about starting a blog and making money through AdSense, there are loads of other ways you can use to generate a handsome monthly income as a freelance web developer. This guide particularly would highlight the online money making channels and methods for web developers.

  • Form Vs Function in WordPress – Everything You Should Know

    Form Vs Function Form and Function are the two main parts of a WordPress website. When you are building a WordPress website, these are the parts to code. Here, in this article, get to know everything you need to know…

  • National Retail Federation Projects 2017 Ecommerce Sales to Grow 8-12 Percent

    As if more proof were needed that retailing is survival of the fittest, the National Retail Federation has released its projections for 2017 and eCommerce is once again proving to be the big winner over bricks and mortar. In total,…

Written By
Ali Sadiq

Ali is a full time web designer plus web developer. Eager to learn various new and useful web design trends. He is an enthusiast seeker who loves to explore frameworks, tools, plugins and hence love to learn and practice new developments in the entire field.

Leave a Reply

Your email address will not be published. Required fields are marked *