5 mobile menu plugins for jquery

By

Creating menus for mobile users gives webdesigners a unique challenge, which can be dealt with in very different ways. One of the quickest ways is to use a jquery plugin, now if you are not loading jquery as part of your site already this might be overkill just to use it for a menu. But a lot of us use JQuery so this can be a good solution.

TinyNav.js

Easy to install, simple to use. It makes a select when the browser size i small and it does exactly what it says on the tin. No more and no less.

Find it here: http://tinynav.viljamis.com

Mobile Menu

This plugin creates a drawer-style navigation on your mobile site, such as the ones you see on iOS. Has a couple of different settings you can customize.

Find it here: https://github.com/brewern/mobile-menu

Responsive-Menu

Another easy to implement solution that gives you a select option on smaller screens. This one has some different options. Stuff like what the first option should be named and at what width the menu should change.

Find it here: https://github.com/mattkersley/Responsive-Menu

jPanelMenu

jPanelMenu creates a panel menu that pops out when you hit the menu button, similar to facebook and others. This is another great solution with lots of great features.

Find it here: http://jpanelmenu.com

JQuery-Mobile-Slide-Menu

A mobile slide menu, has a very smooth sliding effect. Note that this menu uses jquery mobile, which might be a bit too heavy if you are online using it for the menu.

Find it here: https://github.com/tegansnyder/JQuery-Mobile-Slide-Menu

Is JQuery the only solution?

NO! In some cases it’s not even a good solution. There are around 243 ways to create a mobile menu 😉 You could be using something like bootstrap or another framework which gives you options, or make your own to fit your needs.

That’s all for now. Have a good one.




2 Responses to “5 mobile menu plugins for jquery”

  1. Brandon Says:

    jPanelMenu is my favorite in this group. I’m currently using it, but I’m planning to switch to this jQuery menu I wrote. It’s plugin free, pretty, and super simple: http://bhoover.com/demo/mobile-menu/

  2. Adam Smith Says:

    I have written a jQuery plugin called ‘Slidebars’. It allows you to easily implement revealing menus and sidebars into your site or webapp. Its ultra light and features wide browser compatibility including Android versions as low as 2.*.
    Check it out at http://plugins.adchsm.me/slidebars/

Respond!