CLOSE
CLOSE
Free ResourcesFree Resources
Free material and tools from all over professionally curated for you.
    • In this list, you will find a selection of multiple jQuery menus through tutorials, libraries, plugins and snippets, offering stunning effects.

      • CSS & JS Sidebar Toggle Menu

        A simple sidebar toggle menu made in CSS and JavaScript that activates on click, displaying a material menu for applications and mobile websites. It also looks good on big screens.

      • CSS & JS Material Flex Header Menu

        A material header with really simple click effects made with CSS and JavaScript. It displays the menu that expands twice when you click on it. It can be used on any website without affecting the page load.

      • Drop-down Menu App Interface

        This interactive application interface designed for a menu has two main characteristics: drop-down categories for each type of order and an additive for the products; all alongside a well-crafted design and an awesome palette.

      • Slide Animated Sidebar Menu

        A very appealing sidebar menu that counts on slide-animated elements that represent the page that they'll show, the content of each page is also animated with sliding effects making everything nice and coherent.

      • Multi-Level Push Menu jQuery Plugin

        A jQuery plugin that consists of a multi-level push left-most located menu that deploys several menus at the left of itself as the previous menu shrinks into a single bar.

      • Slideout.js: JavaScript Touch Slideout Naviga...

        A sliding touch navigation menu for mobile apps or even web projects. It is dependency-free and features simple markup, native scrolling, easy customization and CSS transforms & transitions. It is lightweight, just 4 Kb is taken by this menu created by Mango.

      • CSS and jQuery Sliding Effect Lateral Menu

        A simple menu on the left side of the screen which works as "dropdown" once the user hovers over some elements. It has a flat style, and can be applied and modified easily thanks to the simple CSS and jQuery snippets included. This code can be used freely.

      • HTML, CSS & JS Context Menu Snippet

        A fully customizable and appealing gradient context menu to add to your websites taking the most out of its dark icons, smooth selected item highlight and sub-menus. This context menu was created by Ryan Morr.

      • basicContext: Easy to Use Contextual Menus jQ...

        An easy-to-use plugin made in jQuery for creating stylish contextual menus for websites and mobile apps. It works in all modern browsers, stays within the viewport and never opens outside the visible screen area, and it's scrollable whenever necessary.

      • CSS and jQuery Navigation Reveal Effect

        A nice CSS and jQuery effect for a navigation menu that reveals its items once the button is clicked, laying backwards the page content.

      • wheelnav.js: Spinning Menu Wheel JavasCript L...

        A JavaScript library that can be used as a navigation, pie menu and more. You just need to add the wheelnav.js on a div, and change the attributes for spinning time, direction, and even the general styling of the wheel. It is a free plugin, made by Gábor Berkesi.

      • CSS & JS Radial Pop-Out Navigation

        A compelling menu for apps and websites made in CSS and JavaScript. It consists of simple circles with icons inside for the action you need. You can adapt it on your designs easily and use it freely. It was created by Dudley Storey.

      • CSS & jQuery 3D Rotating Navigation

        A CSS and jQuery navigation that looks like a 3D effect when it appears. It is complemented with beautiful typography and outlined icons for major impact. It uses CSS transforms and transitions to make it smooth and neat. It can be used freely.

      • textAssist: Smart Text jQuery Assistant

        textAssist is a smart text assistant jQuery script that allows you view additional information on dynamic web pages. textAssist helps web developers in making websites user-friendly. This plugin helps easily assisting users who selected some texts on your website, with fully customizable options.

      • Stretchable CSS Interaction Menu

        A simple interaction menu for apps that can be stretched to reveal the menu elements created with CSS and JavaScript. It reveals the menu items organized in a list, created especially for mobile devices, although it can be adapted to desktop versions of websites. It is free and it was created by Codepen user Fabrizio Bianchi.

      • Scotch: Off Canvas Menus & Panels jQuery...

        Scotch Panels is a jQuery plugin for easily creating off canvas menus, navigation, and other panel types such as images, videos, and iframes. They have lots of features and different options for every skill-level to tweak and implement into almost any project. They work from any container so you can put your side navigation on any element you want. It even provides excellent browser support via a JavaScript fallback.

      • Perspective Page View Navigation

        A jQuery menu that pushes the site content aside in a very appealing way revealing a navigation menu. We’ve experimented a bit and we’ve come up with a small set of effects that take the page and move it in 3D to reveal a navigation.

      • jQuery Fly Side Menu with an Animation

        jQuery Fly Side Menu is a plugin created by Pete R. that helps you create a menu that pushes your whole website aside through a very smooth transition, resembling an Airbnb App Menu Animation.

      • jQuery Dropdowns with a Bootstrap Style

        This nice plugin creates dropdown menus with the style of Bootstrap. Dropdowns can be attached to any element that you want, they can be scrollable and include form control, icons, code and more!

      • Shifter Formstone: Simple Slide-out Mobile Na...

        A jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them. This allows you to markup and style pages in any way you'd like, but at a minimum you need three specifically classed elements including the body tag.

      • Pushy, Off Canvas Navigation Menu

        Pushy is a responsive off-canvas navigation menu. It uses CSS transforms & transitions, has a smooth performance on mobile devices, supports jQuery animation fallback for IE 7 to 9, the menu closes when a link or the site overlay are selected.

      • Fly Rounded Menu

        A code snippet that allows you to create a rounded menu for a web app or a game. When you hover over it, it will display the hidden options. You can also edit the code to make it even more functional.

      • Snap.js: Animated Sidebar Menus

        A Library for creating beautiful mobile shelves in Javascript (Facebook and Path style side menus). It allows great customization, and it has Flickr support. It is an independent library, and it is highly customizable. It also features user intent detection, disabled hyperextension, event hooks, and CSS3 powered animations with IE fallbacks.

      • mmenu: Mobile Sliding jQuery Menus

        A jQuery plugin for creating slick, app look-alike sliding menus for your mobile website with only one line of JavaScript. It allows your app or mobile website to portray two menus, one in each side of the screen, resembling popular apps like Facebook, and very handy if your creation has lots of information to display.

      • Slidepanel: jQuery Sidebar Plugin

        A quick and easy way to add a contextual AJAX sliding panel to your site. You just need to include the required files, add a trigger for the panel and it's all set.

      • Portamento: Sliding Panels jQuery Plugin

        Portamento is a jQuery plugin that makes it simple to add sliding or “floating” panel functionality to your web page. All that is needed is some simple CSS and one line of JavaScript. It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

      • MeanMenu: A jQuery Responsive Menu Plugin

        MeanMenu is a menu system for converting a standard menu into a mobile / tablet responsive menu, media query independent. It has among its features hide or show menu children, target navigation element to swap out with MeanMenu, orientation adjustment, control screen width, expanding/collapsing sub navigation, bundled with configurable CSS, quick to setup and configure.

      • jmenu: Horizontal Navigations with Unlimited ...

        jMenu is a jQuery plugin that enables us to create horizontal navigations with unlimited sub-menus. Besides jQuery, it also requires jQuery UI and supports all the effects of this library like fadeIn or slideDown. The markup of the menu is pretty clean as it makes use of nested lists. The look and feel of the output set in a CSS file so updating it without touching the JS code possible.

      • Circular Motion jQuery & CSS Effect

        A nice jQuery and CSS plugin made by Mary Lou from Codrops. It helps you create a menu formed by floating circles. One main element will display options that, when hovered, will have a smaller circle complementing the information. It is created using the jQuery.path plugin for the animations.

      • Multi-Level Hierarchical jQuery Menu

        With jQSimpleMenu, you are able to add multi-level, jQuery drop down menus these are useful for showing hierarchical information to your website without writing any additional lines of code. The menus come fully animated for each time new options are displayed.

      • CSS Dock Menu

        If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component for the interface and some icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.

      • Horizontal CSS Drop-Down Menu

        A large drop-down menu inspired in the one found at Microsoft’s website. Useful for displaying vast amounts of options without draining all the space available. Also, it's possible to adjust the menu in order to use it with smaller screens and devices.

      • NavDock jQuery Plugin

        This is a complete jQuery plugin with an explanation for creating a dock like the one in MacOS. You can add any type of icons, and they will be scaled when the user places the mouse over them, the adjacent icons will move to give space to the enlarged icon.

      • Awesome iQuery Slide Down Box Menu

        A jQuery menu that consists of unique up-popping navigation items. This menu features sliding boxes as you hover over the navigation bar, these out-sliding boxes contain the menu options, while a thumbnail pops up. A submenu box will also be included with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item you hover over.

      • Vertical jQuery & CSS Scroll Menu

        A scrolling menu created with jQuery and CSS. The menu has a very long list of elements on a medium sized box, which scrolls up and down as we hover on the respective section, all done with supremely smooth movements.

      • CSS & jQuery Fixed Face-out Menu

        A fixed CSS and jQuery menu that will follow users as they scroll down the page, but fading out to the point where it is almost invisible. The menu will come back to its usual shape only when the reader hovers over it.

      • Responsive CSS Multi-Level Menu

        A responsive, multi-level, animated menu made with CSS that will allow us to display many options with an intelligent use of space, in any device. The great part about this menu is its ability to display the next level without growing larger, but just putting the current info on top of the previous one.

      • jQuery-Menu-Aim: Amazon-Like Dropdowns

        A very interesting plugin aimed at making the user experience a lot smoother and satisfying when using large drop-down menus like the ones found in Amazon. What this tool does is recognizing whether the user is pointing at the items, which makes them stay for a little longer, simplifying things a lot with just a small detail.

      • jPanelMenu: Responsive Slideshow jQuery Plugi...

        jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications). It creates a menu with minimal style, but you can change it as you like in order to make it fit your website.

      • Sidr: Side Menus jQuery Plugin

        A jQuery plugin for creating side menus and the easiest way for doing your menu a responsive element. You will be able to create multiple siders on both sides of your web to make responsive menus. Fill the siders normally, with existent content, remote content, or whatever you'd like.

      • Collapse Expand List View all items Download Collection Submit
    • Plugins for creating beautiful sliding menus using jQuery, letting you choose among a variety of styles and behaviors.

      • CSS & JS Sidebar Toggle Menu

        A simple sidebar toggle menu made in CSS and JavaScript that activates on click, displaying a material menu for applications and mobile websites. It also looks good on big screens.

      • Colorful Material CSS & JS Circular Menu

        A colorful material CSS and JavaScript menu that uses concentric circles. When clicked on the middle, it displays different rings for likes, profile, photos and messages. It can be used on both mobile apps and websites.

      • Google Inspired CSS Floating Action Button

        A button made in CSS that activates a simple menu on click. It can be used as a menu in a mobile app or a website, it's lightweight and easy to implement.

      • Messenger Like CSS Floatting Draggable Menu

        A floating draggable menu made in CSS and JavaScript resembling the one used by Facebook. The menu can be located anywhere on the website, and dragged with a cool snake effect when active. It can be used both in websites and apps.

      • Slide Animated Sidebar Menu

        A very appealing sidebar menu that counts on slide-animated elements that represent the page that they'll show, the content of each page is also animated with sliding effects making everything nice and coherent.

      • Slideout.js: JavaScript Touch Slideout Naviga...

        A sliding touch navigation menu for mobile apps or even web projects. It is dependency-free and features simple markup, native scrolling, easy customization and CSS transforms & transitions. It is lightweight, just 4 Kb is taken by this menu created by Mango.

      • CSS and jQuery Sliding Effect Lateral Menu

        A simple menu on the left side of the screen which works as "dropdown" once the user hovers over some elements. It has a flat style, and can be applied and modified easily thanks to the simple CSS and jQuery snippets included. This code can be used freely.

      • Swiped: Mobile App Swipping JavaScript Librar...

        A plugin for mobile apps that allows you to swipe one or multiple items, whether they are dependent on another or they stand alone. The plugin is really lightweight, is dependency-free, you can implements short & long swiping options, swipe to delete, easy to use, and add CSS transforms and transitions.

      • Mobile App CSS Sliding Menu

        An actionable menu for mobile apps that appears when hovered over made with CSS. The menu that appears has a beautiful background which can be dynamic according to the images the user uploads, and the menu slides from left to right smoothly. It was created by Virgil Pana.

      • CSS & jQuery 3D Rotating Navigation

        A CSS and jQuery navigation that looks like a 3D effect when it appears. It is complemented with beautiful typography and outlined icons for major impact. It uses CSS transforms and transitions to make it smooth and neat. It can be used freely.

      • Stretchable CSS Interaction Menu

        A simple interaction menu for apps that can be stretched to reveal the menu elements created with CSS and JavaScript. It reveals the menu items organized in a list, created especially for mobile devices, although it can be adapted to desktop versions of websites. It is free and it was created by Codepen user Fabrizio Bianchi.

      • Off-Canvas Flyout Panels Framework

        Pikabu is a framework that will help you create off-canvas panels to complement the design of your mobile app or website. Among its features you can find: - A simple markup. - Fewer containers and classes. - Native scrolling supported in all browsers. - Easy customization in HTML and CSS. - Compatibility in every device and browser. This module was created by Mobify and it's licensed under the MIT License.

      • Pure CSS Off-canvas Menu

        A notable code snippet for an off-canvas menu with flexbox created with pure CSS. It uses flexbox to control the layout and to resize the content area when the menu gets visible. Instead of overflowing the viewport and getting cut off on the right side. This snippet doesn't use JavaScript at all but uses The Checkbox Hack, appeared in CSS Tricks instead. This pen was created by Zoe Gillenwater and uploaded to Codepen.

      • CSS Off-Canvas Menu Effects

        A compelling set of effects for off-canvas menus. It uses different layouts and transitions, making the overall page look awesome and coordinated, making space for actionable items in the menu and controls. These effects were made using CSS transitions, CSS animations made with bounce.js, and animated SVGs using Snap.svg. Additionally, the font icons used were from Font Awesome and the random users from Random User Generator. The menu effects are: - Top side - Side slide - Corner box - Nested corner box - Top expand - Corner morph - elastic - Bubble - Wave This tutorial + code snippet was created by Mary Lou from Codrops.

      • Snap.js: Animated Sidebar Menus

        A Library for creating beautiful mobile shelves in Javascript (Facebook and Path style side menus). It allows great customization, and it has Flickr support. It is an independent library, and it is highly customizable. It also features user intent detection, disabled hyperextension, event hooks, and CSS3 powered animations with IE fallbacks.

      • mmenu: Mobile Sliding jQuery Menus

        A jQuery plugin for creating slick, app look-alike sliding menus for your mobile website with only one line of JavaScript. It allows your app or mobile website to portray two menus, one in each side of the screen, resembling popular apps like Facebook, and very handy if your creation has lots of information to display.

      • Portamento: Sliding Panels jQuery Plugin

        Portamento is a jQuery plugin that makes it simple to add sliding or “floating” panel functionality to your web page. All that is needed is some simple CSS and one line of JavaScript. It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

      • jPanelMenu: Responsive Slideshow jQuery Plugi...

        jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications). It creates a menu with minimal style, but you can change it as you like in order to make it fit your website.

      • Sidr: Side Menus jQuery Plugin

        A jQuery plugin for creating side menus and the easiest way for doing your menu a responsive element. You will be able to create multiple siders on both sides of your web to make responsive menus. Fill the siders normally, with existent content, remote content, or whatever you'd like.

      • Collapse Expand List View all items Download Collection Submit
This a test message in global notification
Your download will start shortly.

Done!

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Browse
Done

Thank You!

Your post has been received, and will be reviewed by a curator