With the release of different metro-inspired web designs, many WordPress developers and designers have decided to create their own metro WordPress themes. When flat UI then entered the arena, flat user interface templates and designs and flat icon sets have been released. To continue this flat journey, we gathered a new collection.
Here’s a collection of jQuery plugins and scripts that will help you create and integrate responsive metro style navigation menus on your metro-inspired website. This selection of jQuery navigation menu plugin is dedicated to all Metro lovers in the world. Aside from vertical and horizontal navigation menu, there are also other styles such as drop down navigation menu and mega navigation menu.
Don’t forget to visit our collection of jQuery plugins for building responsive layouts and responsive CSS frameworks and boilerplates at it might help you on developing your responsive website. You might also want to visit our previous article that discussed everything you need to know about responsive web design.
You might want to take a look at the following related articles:
- Highlight Keywords in Search Results with mark.js
- Build Custom Checkboxes and Radio Buttons with iCheck.js
- Make YouTube and Vimeo Videos Responsive with SuperEmbed.js
- Display Running Progress Bar While Page is Loading with Pace.js
- 15 Clever jQuery Plugins to Make Web Elements Sticky
Metro Flexible Navigation
The Metro Flexible Navigation is a minimal, clean grid layout inspired by the new Windows 8 interface. It can be customized to be laid out horizontally or vertically.
MelonHTML5 – Metro UI
OpenPanel – Open Responsive Panel Anywhere
OpenPanel is a jQuery plugin that allows you to open panel at any where in your page, unlimited panels as you want and support for responsive design. With this small plugin you can open more space for your site to add anything you want.
OneMenu – Responsive Metro UI Menu
OneMenu is a jQuery navigation menu plugin that is created for Metro UI themes. OneMenu supports responsive design, unlimited menus.
MetroTab – Responsive Tab for Metro UI
Metrotabs is a light jQuery plugin to create tabs with metro style. MetroTab supports both inline content and AJAX content to you can combine two methods for best performance and SEO.
UI-Pro – Simple Metro Style Navigation Bar
With this simple jQuery Plugin you can easily create Metro (now simply called Windows 8 UI) style navigation bars. The plugin package comes with the icon pack called iconic created by P.J. Onori, which you can easily set with CSS classes.
MetNav- A jQuery Navigation Menu Based on Metro UI
MetNav is a jQuery navigation menu plugin based on Window 8 Metro theme. It’s very lightweight and works well on most of the major browser. It follows the main feature of Metro which is live tiles and support unlimited content in the tiles.
Metro Style Pop-Out Navigation Menu
Our Metro Sidebar
“Our Metro Sidebar” display a sidebar with metro style, ideal for use on tables of content, navigation menus or management interfaces.
Vertu – Simple Mega Menu
Vertu is a simple and easy mega menu with many functions including accordion horizontal panels, beautiful contact form and 4 levels drop down horizontal menu.
TabLooper – Responsive Loop Tab Metro UI
TabLooper is a Responsive Tab jQuery Plugin that is used to create tabs for your sites with responsive layout, support unlimited tabs, combine inline and AJAX content for best performance, move tab content by touch swipe event (on mobile devices) or left/right keys (on desktop/laptop) or simple click on buttons (all devices).
MenuStation – Real Unlimited Responsive Menu
MenuStation is a responsive menu and includes 1 to 4 columns in submenu. It’s lightweight so you will not problem the loading page.
MetroPanel – The New Navigator for Modern Sites
MetroPanel includes two panel position unlimited items and unlimited background. It’s made out of AJAX + HTML5 for smart load for SEO and jQuery + CSS3 for Animation Effects.
Metro Style Dropdown Menus
A metro inspired navigation with dropdown menu that includes 2 styles of drop down animation. It’s compatible with all major browsers such as Internet Explorer 8+, Mozilla Firefox, Chrome, Safari and Opera.
Shuffling Tiles jQuery Plugin
Inspired by the step by step movements of the shuffle dance and the new Metro UI look, Shuffling Tiles combines elements from both and then some, producing a versatile, animated and compact webpage widget.