50 JQuery Menus

freefrontend.com freefrontend.com2 years ago in#Dev Love298

November 11, 2019 Collection of free jQuery menu examples and plugins. jQuery Context Menus jQuery Fullscreen Menus jQuery Mega Menus jQuery Off-Canvas Menus jQuery Sliding Menus jQuery Scrolling Menus React Menus CSS Menus jQuery Menu Examples jQuery Menu Plugins Author Joshua Ward November 11, 2018 Made with HTML (Pug) / CSS (SCSS) / JS About a code One Page Scrolly Thing Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Shosuke Doi November 5, 2018 About a code Mobile Nav Bar Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js About a code Uber-like Navigation Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js Author Jessica Valeska da Silva July 4, 2018 About a code Responsive Menu Scroll Left Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: font-awesome.css, jquery.js About a code Droplet Menu Animation Droplet scroll animation for the hamburger menu in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Dejan Babić June 29, 2018 About a code Menu with Morphing Shapes jQuery menu with morphing shapes. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js, tweenmax.js, morphsvgplugin.js About a code Menu Horizontal jQuery menu. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Tobias Glaus June 28, 2018 About a code Navigation with Scrolling Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js About a code Expanding and Collapsing Hamburger Menu Experimenting with making the menu items themselves collapse into the bars of the hamburger menu. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js About a code Hamburger Menu CSS and jQuery hamburger menu. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Giorgio Acquati April 26, 2018 About a code Navigation Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Dejan Babić April 16, 2018 About a code Mobile Navigation Mobile navigation animation using GSAP. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js, morphsvgplugin.js Author Praveen Kumar Gorakala March 13, 2018 About a code Radial Menu Radial menu – creator visons. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: bootstrap.css, jquery.js, font-awesome.js About a code Side Menu Animation Side menu animation in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Aaron Awad February 28, 2018 About a code Multi-level Side Nav Menu This is a multi-level side navigation pattern with hover and push. Hovering over the menu will reveal its lables and clicking the hamburger icon pins the menu open. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: font-awesome.css, jquery.js Author Praveen Bisht February 25, 2018 Made with HTML (Pug) / CSS (SCSS) / JS About a code Slide Out Navigation Menu Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Dronca Raul February 17, 2018 About a code Menu Interaction Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, feather.js Author Aaron Taylor February 11, 2018 About a code Burger Menu This is a burger menu for an upcoming project I am working on. I have tried to focus on the animations to give that polished feel when you open the menu item. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Dogacan September 26, 2017 Made with HTML (Pug) / CSS (Sass) / JS About a code Mobile Dropdown Menu Mobile dropdown menu example with keyframe animations and transitions. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Ryan Mulligan…

Like to keep reading?

This article first appeared on freefrontend.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply