“These themes are hand-picked for their outstanding design quality, features, and customer reviews.”
Looking for a cool, metro-style WordPress theme?
The flat boxy style was introduced by Microsoft Windows 8 and while the interface got mixed reviews from users, many of the aesthetic elements made their way onto the web.
The themes featured here get their style cues from this metro style design. While not always adhering 100% to the design language set forth by Microsoft, you’ll find that they bring a similar vibe.
Metro-style WordPress themes
The themes below are all modern and fully responsive. That means they look just as good on laptops as smartphones and tablets.Here are my top picks for best metro-style WordPress themes for 2020.
1. MetroStyle by Mopc76 (Themeforest)
MetroStyle is by far the most popular theme with the Metro-style design aesthetic. It nails the style by using the distinct, blocky layout and plenty of strong colors (which are all customizable).
This premium theme brands itself as an “all-purpose” theme meaning you can use it for any kind of website. However, I think it would work best for a blog, news/magazine, or portfolio website. It doesn’t have WooCommerce integration for eCommerce or bbPress for adding a forum. For those, I would recommend the Second Touch theme. There are 25 skin presets, but you can use any colors you want with MetroStyle. In addition, customize the unique homepage slider, add shortcodes for dynamic content in posts/pages, and utilize multiple portfolio layouts to create modern image galleries.
MetroStyle is also a great choice for websites with international audiences. All English text found in the template is fully translatable, and since this metro theme is compatible with the popular WPML plugin, you can use it for a multilingual site too.
2. Rocket Board by GoodLayers (Themeforest)
Rocket Board is a simple theme for recreating the now classic metro UI style introduced by Microsoft. It stays true to the original vision of the metro style. Posts are laid out in the colorful masonry grid-style format on the homepage just like you would expect from a metro theme.
Rocket Board is best used for a blog where your posts will be featured on the homepage. That said, it does it include a page builder with a drag-and-drop interface for creating new layouts. Inside the options page, you can find plenty of settings to customize the look of your site. Customization settings include nine pre-defined color schemes, background textures, a custom logo uploader, six footer layouts, hundreds of fonts, and even multiple sliders.
This modern theme has a responsive design which means it’s mobile-friendly and adapts well to all screen sizes. The codebase follows WordPress best-practices and is SEO-friendly to help you rank well in the search engines too.
3. 3Clicks by Bring The Pixel (Themeforest)
Staying true to the metro design style, 3Clicks is full of bold, high-saturation colors and tile layouts. As a multi-purpose WordPress theme, you can use it for virtually any niche you want.
One feature that makes 3Clicks stand out is are the MetroMenus. The unique menu design in this stylish theme converts regular dropdown menus into large metro-style tiles. The tiles are beautiful and easier to click than regular menu items too.
3Clicks has 9 color schemes to choose from, WooCommerce integration for selling physical and digital goods from an eCommerce store, and includes a built-in page builder. There are hundreds of fonts from Google Fonts, multiple blog and portfolio designs, custom image sliders, and dozens of flexible shortcodes.
On top of all these features, 3Clicks also integrates seamlessly with many external apps and services. Easily embed interactive maps with Google Maps, add email subscribers to your MailChimp lists, publish Twitter feeds, and even add online courses with the LearnDash integration.
4. Puzzles by ThemeREX (Themeforest)
You’ll love the customization options that come included in Puzzles. You can switch between three blog designs, nine different color schemes, and unlimited homepage layout variations.
The tile layout featured in Puzzles is quite distinct and will immediately remind visitors of the metro style made popular by Windows. The responsive design adapts fluidly to all devices making this a mobile-friendly theme.
If you plan on making a product review website, then make Puzzles your top choice from this list. There is a built-in review system including three different rating variations and custom fields.
The professional Puzzles theme is compatible with WooCommerce for eCommerce stores, bbPress for adding forums, and BuddyPress in case you want to add social network components to your website. All of these integrations make it an extremely customizable WordPress theme.
5. Metrolium by Eski Labs (Themeforest)
Metrolium is a simple option for WordPress users that enjoy the flat design aesthetic. The colors in the demo site are calm and sparsely used throughout the template to provide accents when needed. You can change the color scheme, fonts, and more easily with the Live Customizer.
When you purchase Metrolium, you’ll also get the LayerSlider and Slider Revolution plugins for free. These slider plugins both cost $15 when purchased individually, so you’ll save a combined $30 when you grab your copy of Metrolium.
Like many themes, Metrolium comes with hundreds of fonts all available from the Google Fonts library. It also includes a shortcode system for custom template creation, a logo uploader, and boxed and wide versions of the site. If you’re a designer, you may appreciate that this theme includes layered PSDs for each page too.
6. MetroMag by Well Themes (Themeforest)
MetroMag has the flat, colorful style you’d expect from a metro-style WordPress theme. Its varied color palette brings each page to life and makes for a vibrant look.
The MetroMag theme does an excellent job for a magazine theme. Browsing the demo, you’ll find tons of post layouts and opportunities to display different types of content. If you plan on publishing new posts frequently, this design will serve your site well.
MetroMag features a huge variety of theme options for customizing the design. These settings include unlimited color schemes, 21 custom widgets, and hundreds of fonts (powered by Google Fonts). You can easily modify the site from the extensive admin options panel. It includes a contact form too which includes CAPTCHA and Google Maps support.
Which metro-style theme is best for you?
MetroStyle stays truest to the metro-style design aesthetic. It’s a great choice for a content site.
Lastly, if you want a blog with a distinct metro-style layout, you can’t beat Rocket Board. This customizable theme has perhaps the closest looking layout to the initial Windows 8 design released.
You can post any questions you have about these metro-style WordPress themes in the comments section below.
“I used Bluehost to host my first WordPress site back in 2010 and I still recommend them today.
Bluehost auto-creates your WordPress site for you and lets you register your first domain for free.
If you want to try Bluehost for your site, use the button below to get our special partner discount.”
Ben Sibley, Compete Themes founder