25+ jQuery Mega Menus (Free Code + Demos)
Enjoy this 100% free and open source collection of free JQuery Mega Menu examples and plugins.
1. Responsive Bootstrap Mega Menu
With very little effort, you can implement your own Bootstrap mega menu. Try Bootstrap Dropmenu, which is a base for this demo.
Author: Martin Stanek (skywalkapps)
Links: Source Code / Demo
Created on: February 17, 2016
Made with: HTML, Less, JS
Tags: bootstrap, megamenu, responsive, dropdown
2. Sexy Flexy Mega Menu
I saw a gif of this style menu on Scout's page on Dribbble and decided to take a shot at it, I thought it was pretty cool to add some subtle animation to the active menu and I also wanted to use flexbox a bit to help lay this out.
Author: Mike Torosian (mtorosian)
Links: Source Code / Demo
Created on: October 3, 2016
Made with: HTML, CSS, JS
Tags: flexbox, navigation, mega-menu, css-animation, toggle
3. Bootstrap 4 Mega Dropdown Menu Navbar
Mega Dropdown Menu Navbar - Bootstrap 4 code snippet example demo . full width dropdown menu
Author: Jacob Lett (JacobLett)
Links: Source Code / Demo
Created on: November 17, 2017
Made with: HTML, CSS, JS
Tags: bootstrap 4, drop-down, nav, responsive
4. HTML Responsive Mega Menu
Author: Sunmughan Swamy (sunmughan)
Links: Source Code / Demo
Created on: August 28, 2017
Made with: HTML, Less, JS
5. Responsive Mega Menu With Logo
Author: MAHESH AMBURE (maheshambure21)
Links: Source Code / Demo
Created on: October 3, 2016
Made with: HTML, CSS, JS
Tags: responsive mega menu with logo
6. Jquery-hs-mega-menu
HS Menu is a easy to use mega menu plugin that helps you create modern navigation system with amazing features.
Links: Github Page
Created on: October 28, 2018
7. Responsive Mega Menus
Author: Kalpesh Singh (kalpeshsingh)
Links: Source Code / Demo
Created on: July 31, 2017
Made with: HTML, CSS, JS
8. JQuery-menu-aim
jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.
Links: Github Page, Demo
Created on: March 2, 2013
9. Mega Dropdown Menu Using JQuery And CSS3
A flat design complete mega dropdown menu with all kind of drop-in stuff like recent posts, contact form, multi-level dropdown etc. Forked from Mohammad Hamza Dhamiya's Pen Mega Dropdown menu using jQuery and CSS3.
Author: Mirek (wadeq)
Links: Source Code / Demo
Created on: April 4, 2016
Made with: HTML, CSS, JS
Tags: jquery, css3
10. Mega Menu
Author: tsonmuhammad (tisonmuhammad)
Links: Source Code / Demo
Created on: March 12, 2017
Made with: HTML, CSS
11. Mega Menu
Author: vijender (VIRU)
Links: Source Code / Demo
Created on: June 6, 2014
Made with: HTML, CSS, JS
12. Responsive Mega Menu
Author: obZen (obZen)
Links: Source Code / Demo
Created on: March 8, 2016
Made with: HTML, CSS, JS
13. Responsive - Mega Menu
Author: Mitta (Mitta)
Links: Source Code / Demo
Created on: April 19, 2013
Made with: HTML, CSS, JS
14. Bootstrap Mega Menu
Author: Samanta Zdravkovska (Samanta_Zdravkovska)
Links: Source Code / Demo
Created on: December 8, 2016
Made with: HTML, CSS, JS
15. Xtreme Mega Menu
Author: Avinash Murmu (avionics18)
Links: Source Code / Demo
Created on: July 31, 2020
Made with: HTML, CSS, JS
Tags: dropdownmenu, megamenu
16. Untitled
Author: Bross (bross07)
Links: Source Code / Demo
Created on: November 16, 2019
Made with: HTML, CSS, JS
Tags: megamenu, responsive, css, js, html
17. CUTX — Megamenu-js
Megamenu concept for CUTX. Client: Credit Union of Texas, "In 1931, a small group of Dallas teachers applied for a credit union charter. In the beginning, CUTX's assets totaled only $65! CUTX now ranks in the top 100 credit unions in the country in asset size. We serve over 120,000 member...Read More
Author: William Pansky (williampansky)
Links: Source Code / Demo
Created on: April 21, 2017
Made with: HTML, SCSS, JS
Tags: cutx, megamenu, javascript, nav
18. Mega Menu Example
Author: shamim khan (shamim539)
Links: Source Code / Demo
Created on: March 1, 2017
Made with: HTML, SCSS, JS
Tags: bootstrap, superfish, megamenu, mmenu
19. Diagonal Mega Menu
Author: Tim Normington (tnormington)
Links: Source Code / Demo
Created on: March 4, 2016
Made with: HTML, SCSS, JS
Tags: responsive, menu, jquery, megamenu, off-screen
20. Responsive Mega Menu
Author: Kádár Krisztián (KKrisz)
Links: Source Code / Demo
Created on: September 28, 2015
Made with: HTML, CSS, JS
Tags: responsive, mega, menu, megamenu
jQuery Mega Menu Plugins
1. JQuery-menu-aim
jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.
Links: Github Page, Demo
Created on: March 2, 2013
2. Jquery-hs-mega-menu
HS Menu is a easy to use mega menu plugin that helps you create modern navigation system with amazing features.
Links: Github Page
Created on: October 28, 2018
jQuery Mega Menu Examples
1. Responsive Bootstrap Mega Menu
With very little effort, you can implement your own Bootstrap mega menu. Try Bootstrap Dropmenu, which is a base for this demo.
Author: Martin Stanek (skywalkapps)
Links: Source Code / Demo
Created on: February 17, 2016
Made with: HTML, Less, JS
Tags: bootstrap, megamenu, responsive, dropdown
2. Bootstrap 4 Mega Dropdown Menu Navbar
Mega Dropdown Menu Navbar - Bootstrap 4 code snippet example demo . full width dropdown menu
Author: Jacob Lett (JacobLett)
Links: Source Code / Demo
Created on: November 17, 2017
Made with: HTML, CSS, JS
Tags: bootstrap 4, drop-down, nav, responsive
3. Sexy Flexy Mega Menu
I saw a gif of this style menu on Scout's page on Dribbble and decided to take a shot at it, I thought it was pretty cool to add some subtle animation to the active menu and I also wanted to use flexbox a bit to help lay this out.
Author: Mike Torosian (mtorosian)
Links: Source Code / Demo
Created on: October 3, 2016
Made with: HTML, CSS, JS
Tags: flexbox, navigation, mega-menu, css-animation, toggle
4. HTML Responsive Mega Menu
Author: Sunmughan Swamy (sunmughan)
Links: Source Code / Demo
Created on: August 28, 2017
Made with: HTML, Less, JS
5. Responsive Mega Menu With Logo
Author: MAHESH AMBURE (maheshambure21)
Links: Source Code / Demo
Created on: October 3, 2016
Made with: HTML, CSS, JS
Tags: responsive mega menu with logo
6. Responsive Mega Menus
Author: Kalpesh Singh (kalpeshsingh)
Links: Source Code / Demo
Created on: July 31, 2017
Made with: HTML, CSS, JS
More Awesome Lists:
Share: