SmartMenus is a feature-rich plugin for creating both horizontal or vertical menus. ScotchPanels.js is a jQuery plugin for creating an off-canvas menu and other panel types such as images, videos, and iframes. Slidebars is a lightweight jQuery plugin that will allow you to add an app-style push menu to your website or application easily. JVanilla Menu is a simple jQuery menu plugin that takes an existing CSS drop-down menu and adds enhancements such as animations, submenu levels, and timeout delays. ScrollNav is a lightweight jQuery plugin that grabs your page’s existing content, divides it into logical sections and builds a customizable scrolling sidebar navigation.įlaunt.js – Nested Click-To-Reveal Navigationįlaunt.js allows you to create a stylish responsive navigation with nested click to reveal. ScrollNav.js – Scrolling Responsive Side-Nav From the developer: It is a ‘device-agnostic approach to complex site navigation with support for touch and keyboard accessibility.’ Navgoco is a simple jQuery plugin that can turn a nested unordered list of navigation items into a beautiful vertical multi-level slide navigation.įlexNav is a mobile-first example of using media queries and jQuery to make a robust dropdown menu. Navgoco Vertical Multi-Level Slide Navigation It allows you to create multiple ‘sidr’ menus on either side of your layout. Sidr is an easy-to-use plugin that will create a responsive Facebook-like side menu. Start Downloading Now! JavaScript & jQuery Responsive Menu Plugins Sidr – Responsive Side Menus We have a collection of JavaScript and jQuery plugins, a selection of tutorials that will take you through every step of the menu build, and some useful resources covering responsive navigation patterns. You will hopefully find the responsive navigation solution that best suits the website you’re currently working on. But if it is a larger site like an eCommerce store that relies upon a mega-menu for navigation, then a drawer-style navigation or an animated side panel menu will most likely help you. If it is a small site like a personal portfolio, a drop-down menu or a simple hamburger toggle menu will probably be suffice. And, as you have to consider multiple screen sizes when designing a menu, making the navigation responsive can often make things much more complicated, especially on larger sites.Īs there is no universal solution, the type or style of menu you use will depend on the type of site you are creating. Menu items generally lead to the most important pages or areas of a site and help visitors navigate easier. One area that is critical to all types of websites, and requires more thought than others, is navigation. Depending on the type of website or app you’re building, there will always be some key areas that you have to give more attention to than others.