Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

UI-Pro - Simple Metro Style Navigation Bar

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

UI-Pro - Simple Metro Style Navigation Bar - CodeCanyon Item for Sale


Ad: Bluehost hosting

kindly ask You use these buttons. helps lot make better products and costs you nothing. Subscribe Newsletter Notification about updates and products Follow Twitter Notifications and goodies from the web Live Support Get instant help for your issues ask Follow Envato Profile Stay tuned about new products


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. This plugin has minimal features and options, it has been created for webmasters who need similar functionality on their site(s).

Need WordPress version? Get it here.

Help with setup

The price includes free help with the basic setup of the plugin over TeamViewer.


  • Metro UI style navigation bar
  • Includes 249 Styleable Icons as icon font (using FontAwesome)
  • Uses CSS3
  • Lightweight JS/CSS
  • HTML or Object source
  • Left or/and Right panel
  • Easy customization
  • Lifetime Support
  • Free Help in Basic Setup

Documentation and more information

Product Life (aka Changelog)

  • Added swipe support to open/close panels.
  • Added methods for certain actions (open/close/toggle).
  • Changed Iconic to FontAwesome for more icons and better customization.
  • onMouse parameter added.
  • onSwipe parameter added.
  • Added target option when menu is generated from object.
  • First stable release

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


20 September 12

Last Update:
14 March 13

Compatible Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, fixed, icon, jquery, metro, navbar, navigation, panel, slide, sticky, svg, ui, windows