Slide out or Navigation Drawer jQuery Menus for your next web app!

There are many jQuery plugins available to implement Slide out menus or Navigation Drawer which is compatible to almost all browsers and devices. Now a days these Slide out menus are implemented not only for tablets or mobile apps but also implemented in desktop websites, blogs or apps as it saves lot of space to accommodate and prioritize your main content.

You might have already observed these slide out or dock menus in almost all the apps like YouTube, Google Plus, Facebook in your mobile or tablet which actually saves a lot of space and is easy to navigate.

I don’t want to mess up your mind with many options – Here are just few list plugins or codes which I found to be very minimal and easy to implement Navigation Drawer or slide out menu. Following are couple of interesting jQuery plugins which are easy to implement and the last one in this list is my favorite though.

Snap.JS

A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus) and here is the Demo.

MMenu

– Sliding menus for your website
A jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript. I found this MMenu sliding menu to be pretty smoot.

Meny

A three dimensional and space efficient menu created with JavaScript and CSS 3

PageSlide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin

Facebook Style

Aldomatic a front-end developer and designer recreated the slide out menu in the Facebook iPhone app. I also wanted implement it in a jQuery mobile layout and here is a quick demo.

I found this menu to be the best among all:

Slide out mobile menu

in jsFiddle
With just few lines of jQuery and CSS you can achieve this cool Slide out menu – pretty minimal approach to consider.

Bonus: There are other many ways to achieve these Slide out menus:

Contextual Ajax Sliding Panel

jPanelMenu is a jQuery plugin

I am sure there might be some other jQuery Slide out menu plugins which you like or worked on or implemented in some of your projects – why not share the same via comments and share your experience on using it in website or web app.

Further Reading...

iCheck a jQuery plugin for custom Checkbox and Radiobuttons

Pickadate.js – jQuery mobile friendly and lightweight date picker!

DateBox – A Date and Time Picker plugin using jQuery Mobile