20 Best Metro-Style WordPress Themes

11 Flares 11 Flares ×

Metro

Metro-inspired-theme

Metro by Themify is a professionally done Metro-inspired theme with some nifty touches. If I had to describe the theme in one word it would be ‘slick’. Take a look at the portfolio in the demo. For starters, the portfolio items are stacked in a Masonry layout, which in my opinion is the best kind of layout for grids of images. For seconds, when you hover over each image it does a flip, 3D style. There are two portfolio layouts, two and three column. To top it all off, the portfolio pages scroll infinitely. Love it.

Price: $49

Demo | Purchase

Metro Vibes

Metro-WordPress-Theme

Metro Vibes by ThemeFuse is a modern metro-style WordPress theme with huge potential.

First off, the design of the theme is simply superb. Elegant and crisp with vivid, vibrant colors all complement each other. Four different sliders have been built into the theme, and each of them look fantastic. The portfolio of the theme is both expandable and filterable. However, when a front end user clicks on a filter, the page has to reload completely. I believe that ThemeFuse would make a huge improvement to the theme if they made the portfolio filterable with Ajax.

Metro Vibes also comes with as many page layouts as you could possibly need: about, pricing, home, services, sidebar right, sidebar left, and a few variations. At $55, Metro Vibes is priced pretty fairly.

Price: $55

Demo | Purchase

Metro

Metro-Magazine-WordPress-Theme

Metro by MyThemeShop is clean, minimal, and structured.

A great choice for bloggers and prolific publications (magazines, news websites) alike, Metro comes with several custom widgets that will help decrease your bounce rate and increase your pageviews per visitor, such as latest posts and popular posts lists, with display variations for each.

The search engine optimized comes with an easily configured theme options panel with a unique feature that monetizing bloggers will especially like: built-in space for advertisements. Lightboxes, multiple shortcodes, and several fonts are also included.

Price: $35 (use the coupon code ‘athemes20off‘ to receive a 20% discount)

Demo | Purchase

Second Touch

Second-Touch-theme

Second Touch is a beautiful Metro theme with great functionality and an impressive design.

The first number that’s sure to catch your attention on the ThemeForest page is 1300. 1300 vector icons are included in the theme! The theme also comes with custom built WooCommerce and bbPress skins to help you take your e-commerce website or forum powered by Second Touch to the next level.

You also get a revolutionary visual page builder, Russian & German translation files, support for SEO, parallax scrolling and animations for the way elements come into the screen as you scroll down. 6 predefined layouts and multiple blog & portfolio display layouts are included, and over 300 fonts are available to choose from. Layer Slider and Revolution Slider ($15 each) are packaged with the theme, along with the Crumina News Slider.

Price: $55

Demo | Purchase

STYLISH

Stylish

STYLISH is a neat WordPress theme with a stunning design.

STYLISH comes in two layouts: the first spreads and fits the entire screen, while the other is essentially the same design boxed in a bit with a background in view. The navigation menu has a revolutionary design, with colored icons and text as each menu bottn. When you scroll down the page, the menu resizes and becomes slightly smaller. Each section of the “services” part of the page comes with a neat rollover animation effect. STYLISH also comes with 2 header styles and 2 header types.

You also get demo content, a visual shortcode generator, hundreds of Font Awesome icons, and 37 layered PSD files. A great option if you’re all about designed and not too concerned with having a lot of functionality built into the theme.

Price: $45

Demo | Purchase

QuickMetro

quickmetro

QuickMetro is a very unique WordPress theme with a metro-style design.

QuickMetro’s front page is quite different from that of most themes — all there is a set of icons that click through to different pages in the theme. Apart from that, there’s no text whatsoever on the home page. Although this makes for a very grand and unusual design, in practical applications it might not be so great. I’d expect customers that use this theme on their websites to have a very high bounce rate.

Four layouts are included in the theme (all of them are viewable in the demo). Once you click on an icon, the page slides in instantly from a certain part of the screen (the area it slides in from is dependent on the layout you’ve chosen). This theme is a perfect fit for portfolio websites — the built-in portfolio/gallery is both filterable and expandable. Built on the Bootstrap 3 framework, QuickMetro boasts a stylized Ajax contact form, Font Awesome 4, over 600 Google fonts, and demo content.

Price: $45

Demo | Purchase

One Touch

One-Touch-Metro-Style-Theme

One Touch is a premium theme styled after the Windows interface known as Metro. The look is clean, modern and light. As you may know, the most distinctive design element of any Metro-inspired theme is the tile. One Touch includes a tile generator, which allows you to create tiles with ease. The tile generator includes a number of customisation options so that you can select the text position, tile colour, whether you want a single or double tile, choose a background image for your tile, and more.

The theme is designed to integrate with WooCommerce, the popular free WordPress plugin, so you can add ecommerce functionality to your site.

Price: $55

Demo | Purchase

MetroStore

MetroStore---Premium-E-commerce-WordPress-Theme

MetroStore is a beautiful metro-style theme from Color Labs Project.

A good fit for both e-commerce websites and magazine-style online publications, MetroStore ‘s design was inspired by the advent of the new look of Windows 8. The inspiration clearly shows — the tile-like layout of posts and pages is reminiscent of the Windows 8 home page. MetroStore has a unique feature in its sidebar menu. Not only do you get navigation in the regular location, at the top of the theme, but visitors can also click a menu icon in the top-left of the website to reveal a widgetized sidebar; this allows for more widget space. A custom widget for featured categories is included in the theme.

The theme also comes with one of the latest fads: horizontal scrolling across the home page. Besides that, you also get a product thumbnails flipper — by hovering his or her mouse over the product icon, a user can watch the icon flip to reveal pricing and purchase details of that product. The theme is also heavily optimized for search engines and comes with built-in panels to manage your site’s SEO. It’s a bit pricey at $79, though.

Price: $79

Demo | Purchase

Matrix

Matrix---Responsive-Metro-Styled-Theme

Matrix is another very unique metro-style WordPress theme with both solid functionality and a beautiful design.

Matrix comes with a unique home page style covered with tiles. When you hover your mouse over a particular tile, the rest of the tiles go dark to highlight the one your mouse is on. When you click on it, the tile expands to reveal more info about the product. You can close the expander by clicking out on the background.

The theme comes with 6 post types: standard, gallery, audio, video, quote, and link. You also can adjust the size of the titles in the front page, choosing from large, medium, or small. The visual shortcode generator includes over 25 custom functions, and a contact form with jQuery validation is also built-in. Lastly, you also get Flex Slider 2, 10 color skins, 10 social icons, and a custom Twitter widget.

Price: $45

Demo | Purchase

Black Pearl

Black-Pearl-Theme

Black Pearl is a fresh new theme with quite a lovely design.

When you open up the demo, you get to choose from 7 color skins: cyan, purple, blue, green, red, orange, and yellow. Once you get past that and into the actual demo, I guarantee that your breath will be taken away. The designer has really outdone himself — this design is 100% fabulous. There is, however, one complaint with the design. The background is set to a default black in all color skins. While that looks great, the truth is that readability of a website is greatly hindered when the text is white on a black background. It’s far better to stick to the norm of black text on white. That mistake, however, is easily corrected in the theme panel.

When you hover your mouse over a featured post from the blog feed, the image slowly zooms in. Once you move the mouse back out, the image zooms back out at the same speed. It’s quite an interesting feature. 8 PSD files are included in the theme package, along with 11 custom widgets, and a contact form with PHP mailer and configuration scripts. 16 animated social icons help connect your website to your social media.

Price: $40

Demo | Purchase

MetroStyle

MetroStyle-Theme

MetroStyle is a popular theme, so far having racked up over 3,300 purchases on ThemeForest. Recently, the theme author, mopc76, has created a support forum and six video tutorials to help users better, which is always good to see. Features include:  magazine version of home page, two portfolio templates (3-column and masonry), sidebars can be added to individual pages and in the position you choose, extensive shortcodes, theme styling options so you can change colours and fonts with ease, two blog layouts (standard and lite).

Price: $45

Demo | Purchase

MetroMAG

Metro-Magazine-Theme

MetroMAG is a metro-inspired magazine theme with a clean design. The theme has a very high average user rating on ThemeForest, 4.83 out of 5 based on 89 ratings (at the time of writing), which indicates that it is high quality. There is a custom admin panel which makes customising the theme, including the home page, simple. Features include: unlimited colour schemes, 21 custom widgets, choose from over 500 Google fonts, many shortcodes, responsive slider, dedicated support forum, and more.

The design is both unusual and familiar at the same time, incorporating both new, creative elements and old favorites as well. The navigational menu is tiled, which each menu item taking up its own little square space. The home page slider is also quite attractive, with an “old-school” scroller bar. The theme comes packaged with over 380 custom icons and flag icons.

Price: $45

Demo | Purchase

Metrofy

Metrofy-Theme

Metrofy is designed to work as both a one and multi page site. One of Metrofy’s best features is the page builder, which allows you to create any number of tile-based layouts. The theme would work well for corporate websites (design agencies, consultancy forms, etc) and portfolios. Features include: filterable portfolios, shortcodes, translation ready, two blog layouts, light and dark skins, and more.

Price: $40

Demo | Purchase

Rocket Board

Rocket-Board-Metro-Theme

Rocket Board is a Metro-like portfolio theme with a huge number of possible layouts. I count 19 portfolio layouts alone. There are also numerous blog layouts. The home page can be setup to display your blog posts in metro style, your portfolio in metro style, or a slider with the latest posts from your portfolio and blog underneath. Features include: nine background colours with eight overlay patterns, drag and drop page builder, frontend theme customiser, shortcodes, support forum, and more.

Price: $45

Demo | Purchase

Nemo

Nemo-Theme

From the home page tiles, you can see straightaway how Nemo’s unique design was inspired by Metro. The design is dark and minimal. The uniqueness of the design derives mainly from the use of a left sidebar and Ajax effects throughout. It would be the perfect theme for a web designer to showcase their work with flair.

Price: $40

Demo | Purchase

Zinc

zinc

Zinc is a multipurpose theme with plenty of features to cover up a large number of website types you can create with it. Zinc supports numerous features and website types such: Corporate, Shopping, Portfolio, Gallery, Blog, Magazine, Photography, Restaurant, etc.

Price: $55

Demo | Purchase

Modern Metro

Modern-Metro---Wordpress-theme

Features include: 100% responsive, adjustable and unlimited colours, advanced and easy admin panel, and more.

Price: $40

Demo | Purchase

Everest

everest-premium-wordpress-theme

Everest theme is a super clean, incredibly flexible, and fully responsive WordPress theme.

Price: $40

Demo | Purchase

Aeolus

Aeolus-corporate-minimalist-wordpress-theme

Aeolus is a WordPress theme specially designed based on the Metro design style, high contrast and flat colors are some of its great features.

Price: $40

Demo | Purchase

Squid Mag

SquidMag-multipurpose-theme

Squid Mag is a multipurpose responsive theme with Metro influences. The theme comes with 4 premium plugins worth $58 (less than the price of the theme!). Features include: unlimited colors, Google font support, 17 custom widgets, 5 portfolio layouts, 3 blog layouts, an advanced admin panel, and more.

Price: $40

Demo | Purchase

8 Comments

  1. Great selection, i was searching for a metro style theme for a project about windows-phone and lumia phone.

    Metro & Rocket Board are great, unfortunatly Rocket Board is not responsive, and i don’t have so many time for make him responsive :’(, i think that i go buy the two theme and work on Rocket Board for make him responsive !

    See ya from France !

  2. Came in off the Bing search and wanted to take a moment out to say “Hey man, nice work!”. I kid you not, this is a terrific collection of themes and just what I was looking for on my next project.

  3. Wow…
    Seriously you have done well my friend. Metro is really amazing and this blows my mind. I have added your site to my favorites.

Leave a Reply

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