20 jQuery Menu Plugins for Smooth Navigation and style


Its time to go for something new with your menu. let checkout some awesome menu if jquery that give your website a new feel and also a lighter menu with touch and speed loading of the pages.

we at techzone compiled a list of 20 Best jQuery Menu Plugins from  different website and jquery portal that will help you to create beautiful, responsive menus and sidebars for your websites and applications. Following plugins come with number of features and functions and you can add them to your web projects easily.


1. Responsive Multi Menu


Responsive multi level menu navigation that has been optimized for mobile devices using HTML5, CSS3 and jQuery.

2. Simpler Sidebar

Simpler Sidebar
Simpler Sidebar is a jQuery plugin to create simple sidebar menu/navigation. It can be use both for left and right side.

3. Slideout.js

Slideout.js is a touch slideout navigation menu for your mobile web apps.


4. Bootstrap Offcanvas Menu

bootstrap off canvas menu
Bootstrap Offcanvas is a super simple, easy to use off-canvas navigation menu for Bootstrap.

Real Estate Portal solution – Start your own real estate portal with all advance features and enterprise category support. Mobile Apps, CRM and everything you need for your real estate Portal.  check out at http://www.realestateportalsolution.com


5. Bootstrap Sub Menu

bootstrap submenu
Bootstrap Sub-Menu is a jQuery plugin to create sub-menus for Bootstrap’s navbar, dropdown, dropup and pills.

  6 Ultra Navigation – Responsive Bootstrap Sidebar

Ultra Navigation - Responsive Bootstrap Sidebar
  • Fully Responsive and Bootstrap compatible.
  • Collapsible sidebar on toggle click. You can also set your custom breakpoints.
  • Awesome looks (Available in 5 skins and colors).
  • Wide View support. (Full Screen sidebar)
  • Vector Icons (font Awesome 4.3.0 included)
  • Show on Hover Mode implemented with a single option.
  • Fixed Menu variation (Slimscroll Integrated).
  • Content Styles. (Shrink, Push and Overlay mode)
  • JQUERY UI Animations (Drop, Pulsate, Clip, Explode etc..)
  • OFF-CANVAS Ready (Using options)

Buy sale and rent properties in dubai with leading real estate portal of dubai. propertyzaar

8. Scotch Panels

scotch panels
ScotchPanels.js is a jQuery plugin for easily creating off canvas menus, navigations, and other panel types such as images, videos, and iframes. Scotch Panels are featured-packed and have a ton of different options for every skill-level to tweak and implement into almost any project. It work from any container so you can put your side navigation on any element you want.

9. Drawer

Drawer is a jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design.

10. Meny

Meny is a three dimensional and space effecient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices.

11. jQuery Slideout Menu

jquery slider menu
Slideout Menu is an elegant jQuery-powered animated slideout menu. You can use it as a top menu, as well as a right-side menu.

12. jQuery Section Menu

jquery section menu
jQuery Section Menu plugin creates a side menu that allows you to scroll to the different sections on the page.

13. Tendina

Tendina is a super easy-to-use jQuery plugin to rapidly build dropdown side menus.

14. jQuery Sliding Menu

jquery sliding menu
jQuery Sliding Menu is a mobile-like, list-style, responsive sliding navigation menu.

15. Slight Submenu

slight submenu
Slight Submenu is a jQuery plugin that manages behavior of submenus and is highly configurable and extensible.

16. metisMenu

metis menu

metisMenu is a jQuery menu plugin for Bootstrap 3. You can create collapsible menu with animated accordion effects and auto collapse support.


17 Pushy

Demo Download

This is an off-canvas navigation menu which uses CSS transformations and transitions to achieve the effects. It is also a responsive menu and offers smooth performance even on mobile smart phones, and tablets. You can also visit the link and check out the demo to test it out before you decide to implement it, in order to give you an idea of how it will work.


18 Slinky

Demo Download

If you are looking to creating scrolling navigation that is also very beautiful to look at, you may want to try this jQuery menu out. It also offers stacking headers and thereby offers a smooth scrolling experience no matter how extensive your menu is. It is also a very light weight plugin.


19 jQuery Pop Menu

Demo Download

This particular menu is also responsive and it offers tons of amazing features with it. More than that, it is just absolutely amazing to look at. It is more like a hidden menu, where you would click on the menu and the entire menu will pop up in a stylized fashion.

jQuery Pop Menu

20 Slidebars

Demo Download

If you are looking to implement application and sidebars into your website with a lot of ease and speed, this is the jQuery plugin for you. It will also resize itself based on the resolution flawlessly and can also deal with orientation changes if you so desire. It is completely responsive.


note : all the menu are just for reference only. you need to check with licensing, installtion and integration with your design team.

or Contact techzone India for high quality web services. corporate Web solution and Enterprise IT Services.

Leave a Reply