In this collection we list 30 useful jquery metro plugins with great design and effect.
Droptiles
Droptiles is an Open Source Windows 8 Start like Metro style Web 2.0 Dashboard. It builds the experience using Tiles.
Metro UI template
Metro JS
Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web. This release focuses on Live Tiles, the Application Bar and Theming.
jqMetroUI
Query Metro UI Buttons is a easy way to build websites with a new Metro UI.
jQuit
BootMetro
With a Metro style app you give users immediately focus on the primary info, increasing the usability and reducing the distractions.
jqmobile-metro-theme
This theme provides a Metro user interface for Cordova apps using jQuery Mobile on Windows Phone 7.5.
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. It’s scrollable and draggable at the same time and contains useful sliding controls. Icons can be changed, there is a large collection available.
Premium jQuery Plugins
Metro Navigation Menu
Metro Launcher
This is a menu that can be use for anything you want. Has a lot of customization and its pretty simple to use.
RegalCalendar
Regal Calendar is a component that allows you make known your events every day, let your visitors see when your event starts, the location via google maps and confirm their attendace via Twitter.
MetroBox – Responsive LightBox
MetroBox is a jQuery plugin for displaying photos/videos or anything you want with visitor/user comments ( like social network features ).
MetroPanel – The New Navigator for Modern Sites
MetroTabs with jQuery and CSS3 Effects
Metrotabs is a light jQuery plugin to create tabs with metro style. You can align tabs positions at anywhere you like ( horizontal/vertical or any way ). The content can be anything ( paragraphs, images, video, iframe, … ), every content is an independent file. When a tab is clicked the content of this tab will be load by ajax method with slide effects. You can customize the style of tabs and content by choose from many styles, many colors/images have already created in CSS file or make new ones by your own.
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. It’s scrollable and dragable at the same time and contains useful sliding controls. Icons can be changed, there is a large collection available.
Metro PreLoader
MetroPreloader is a easy to use preloader which gives you this ability to easily setup your website preloading in a nice metro designed loading screen and display the fully loaded website when it finishes.
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.
MelonHTML5 – Metro UI
Metro UI is a flexible and easy to integrate framework to build your one page website in Windows 8 Metro UI. It is fully powered by HTML5, CSS3 and JavaScript with plengy of options for you to configure it to suit your own needs.
Metro Notifications
Metro Notifications is a jQuery plugin that brings the notifications to a new level.
Metro Login Form
MetroLogin is a Windows 8’s Login form simulator that gives you this ability to make a login page for your website’s users or a login Page for your admin panel with a nice metro design.
Metro Banner
Metro Banner will help you to show information directly to the user point of view.
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 ).
Metro Pricing Tables
“Metro Pricing Tables” is a pricing table inspired by the “Metro” design. It was designed to be simple and elegant, with simplified code and minimalist.
MelonHTML5 – Metro Gallery
Metro Gallery a flexible and easy to integrate photo gallery featured in Metro Design. It allows you to build your unique photo wall with your custom settings.
MetroTab – Responsive Tab for Metro UI
Metrotabs is a light jQuery plugin to create tabs with metro style. You can align tabs positions at anywhere you like. The content can be anything ( paragraphs, images, video, iframe, … ). MetroTab supports both inline content and AJAX content to you can combine two methods for best performance and SEO.
Metro Login
This is a Login form that use CSS3 and jQuery Tricks to look like windows 8 login screen.
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. This plugin is dedicated to all Metro lover in the world.
Metroplayer – Fullscreen music plugin
Metroplayer is a fullscreen jquery music player plugin. Built off the open source jplayer multimedia plugin. The GUI resembles the unique look and feel of the win8 metro interface. Metroplayer allows you to organize and play your mp3 files with ease.
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.
Megafolio Pro Responsive Grid JQuery Plugin
Megafolio Pro is a fully responsive media grid plugin that allows you to display content in almost every way possible using preset or randomly generated layouts.