20+ Awesome jQuery Sliding Menus (Free Code + Demos)
Enjoy this 100% free and open source collection of jQuery sliding menu examples. The menus are animated and all code is easy to integrate in your website.
1. JQuery Simple Sliding Menu
Author: Romain Chemartin (rchemartin)
Links: Source Code / Demo
Created on: June 22, 2017
Made with: HTML, CSS, JS
2. JQuery Sliding Menu
A sliding, transparent menu that shows/ hides on click.
Author: Iulian Savin (Iulius90)
Links: Source Code / Demo
Created on: January 19, 2015
Made with: HTML, CSS, JS
Tags: menu, burger, animation, jquery, css
3. JQuery Off Canvas Menu
Sliding in Menu
Author: ahmed beheiry (ahmedbeheiry)
Links: Source Code / Demo
Created on: March 4, 2017
Made with: HTML, CSS, JS
Tags: slide, menu, off-canvas, burger
4. Off Canvas JQuery Menu
Side Slide & Drop Down Fullscreen Menu
Author: Ophelia Fournier-Laflamme (opheliafl)
Links: Source Code / Demo
Created on: April 4, 2016
Made with: HTML, PostCSS, JS
Tags: menu, side-slide, drop-down, fullscreen
5. Off Canvas Menu | JQuery
Off canvas navigation menu is hidden by default. When you click on it, some sh*t happens.
Author: Aleh Isakau (piupiupiu)
Links: Source Code / Demo
Created on: October 4, 2015
Made with: HTML, CSS, JS
Tags: menu, off-canvas, navigation, slide-out, hamburger-menu
6. Slide In Panel - Off Canvas Navigation
Author: creotip (creotip)
Links: Source Code / Demo
Created on: September 11, 2014
Made with: HTML, CSS, JS
Tags: off-canvas, navigation, responsive, menu
7. Small JQuery Menu Slide-in
Author: LukyVJ (LukyVj)
Links: Source Code / Demo
Created on: February 4, 2014
Made with: HTML, SCSS, JS
8. Multi-layer Sliding Navigation
The bare basics pieces you need to get a multi-layered sliding navigaton happening UNDER CONSTRUCTION
Author: Nick Spiel (nickspiel)
Links: Source Code / Demo
Created on: May 26, 2014
Made with: HTML, SCSS, JS
Tags: css, layered, navigation, transitions
9. Simple JQuery Slide Menu
Very simple jQuery slide menu.
Author: P.S.Blakemore (PSBlakemore)
Links: Source Code / Demo
Created on: September 3, 2015
Made with: HTML, SCSS, JS
10. Jquery Side Menu
Author: Jakob Quadro (darksquark)
Links: Source Code / Demo
Created on: September 6, 2015
Made with: HTML, JS
11. Slide Menu With Drag And Swipe
This is a light weight mobile slide menu with drag&swipe left/right
Author: Reza Khan Mohammadi (rezakhmf)
Links: Source Code / Demo
Created on: June 20, 2014
Made with: HTML, SCSS, JS
Tags: mobile slide menu swipe
12. Some More Ideas
Because it's too hot to sleep, I decided to make an idea i got while i was trying to sleep.
Author: R Λ V Ξ R (R4ver)
Links: Source Code / Demo
Created on: July 5, 2014
Made with: HTML, SCSS, JS
Tags: flat, mobile, slide-menu, stylish, idea
13. JQuery Menu Toggle
A not really perfect jQuery toggle menu ;) Created with HTML, CSS and jQuery and love !
Author: Tobias Meier (teiermobi)
Links: Source Code / Demo
Created on: May 8, 2015
Made with: HTML, CSS, JS
Tags: jquery, html, css, menu, toggle
14. Animated Sidebar Menu With JQuery And CSS3 (Online Tutorials)
Author: Nino (Poti)
Links: Source Code / Demo
Created on: May 13, 2019
Made with: HTML, CSS, JS
15. Accessible Slide Menu
An accessible slide menu, which I'd built for an older version of my website (Marcysutton.com). Works in Mobile VoiceOver, too! http://marcysutton.com/page-scrolling-in-mobile-safari-voiceover/
Author: Marcy Sutton (marcysutton)
Links: Source Code / Demo
Created on: April 13, 2015
Made with: HTML, SCSS, JS
Tags: accessibility, navigation, mobile
16. Slide-and-swipe-menu
:zap: A sliding swipe menu that works with touchSwipe library.
Links: Source Code / Demo
Created on: July 2, 2015
17. CSS & JQuery Slide Menu
Nice sliding menu with CSS and jQuery
Author: MDH (mdharo)
Links: Source Code / Demo
Created on: October 4, 2018
Made with: HTML, SCSS, JS
Tags: slide, menu, css, jquery, javascript
18. Sliiide
The easiest way to create a sliding menu with jQuery
Links: Source Code / Demo
Created on: July 14, 2015
More Awesome Lists:
Share: