Best jQuery Menus Plugins & Tutorials with Demo

    SVG Overlay and Infinite Menu Background Animation

    November 19, 2021 | Animation, CSS2 / CSS3.0, Menus, SVG Tutorial
    SVG Overlay and Infinite Menu Background Animation

    A little menu effect with composed of two things which is an SVG path overlay animation when it opens (or closes) and an infinite CSS powered background animation of an image grid.

    Read More Demo

    Layout with Reveal Animations and Content Preview

    August 2, 2021 | Menus, Responsive
    Layout with Reveal Animations and Content Preview

    Some experimental reveal animations on typographic elements as repeating pattern for a website design. I love to play with the overflow-hidden trick that we can use to make elements disappear and show again (by being cut off).

    Read More Demo

    HC Off-canvas Nav : jQuery Plugin

    July 23, 2020 | Menus, Plugins
    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas nav is a jQuery plugin for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements.

    Read More Demo

    Creating a Menu Image Animation on Hover

    July 14, 2020 | Animation, Core Java Script, Menus
    Creating a Menu Image Animation on Hover

    A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.

    Read More Demo

    Infinitely Scrollable Vertical Menu

    June 4, 2020 | CSS2 / CSS3.0, Menus
    Infinitely Scrollable Vertical Menu

    A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.

    Read More Demo

    SlideMenu.js : Easy Off-Canvas Menu

    September 5, 2019 | Core Java Script, Menus
    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js is a easy off-canvas menu with mobile touch support.

    Read More Demo

    Pagemap : Mini map for web pages

    August 28, 2019 | Core Java Script, Maps, Menus
    Pagemap : Mini map for web pages

    Pagemap is a sort of navigation system which uses mini map for single page website or any other lengthy web page with javascript and html5 canvas.

    Read More Demo

    Radial Menu with JavaScript

    August 28, 2019 | Core Java Script, Menus
    Radial Menu with JavaScript

    Radial menu is a highly customizable radial menu that’s very easy to setup.It is customizable and beautiful radial menu for your web app that can be used as a standalone menu or override the default context menu. On a desktop or notebook click the second button of the mouse (context menu). On a smartphone or tablet, click the screen and hold for few seconds and the menu will pop.

    Read More Demo

    Shy Header : jQuery Animated Sticky Header Plugin

    August 1, 2019 | Menus, Plugins
    Shy Header : jQuery Animated Sticky Header Plugin

    A simple, light-weight and easy-to-use jQuery Plugin that shows/hides the header of the page when users scroll the page down more than its height. However, the header remains watching the page so when users scroll the page up its being showed.

    Read More Demo

    Zeynepjs : jQuery Mobile Side Menu Plugin

    June 29, 2019 | Menus, Plugins
    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs is a light-weight multi-level jQuery side menu plugin.

    Read More Demo