Best jQuery Side Menu Plugins & Tutorials with Demo

    Multi-Level Menu with CSS3 & JavaScript

    November 18, 2015 | Core Java Script, CSS2 / CSS3.0, Menus, Responsive
    Multi-Level Menu with CSS3 & JavaScript

    A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.

    The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the incoming items of the new level of the multi-level menu. As optional elements we have a breadcrumb navigation and a back button (not shown in our demo). Deeper levels are referenced with a data attribute

    Read More Demo

    Animating an SVG Menu Icon with Segment

    November 14, 2015 | Animation, Core Java Script, Menus, SVG Tutorial
    Animating an SVG Menu Icon with Segment

    A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating SVG paths.

    Read More Demo

    Allec AJAX Off-Screen Menu

    November 9, 2015 | Ajax, Core Java Script, Menus, Premium
    Allec AJAX Off-Screen Menu

    Allec Off-Screen Ajax Menu is a perfect solution for agency and portfolio websites to enhance modern design and futuristic feel because of palette grid and off-screen positioning.

    Fully ajax support maintains dynamic loading without a need to refresh the page. It is an extra advantage your users will highly appreciate as there won’t be waiting time anymore, only instant content appearance. Happy users equals successful business.

    • Pure JavaScript
    • Ajax Support
    • Palette Grid Modern Layout
    • Overlay Menu Effect
    • Mobile Optimized
    • Fast Performance
    • Light Weight Navigation
    • Custom Scrollbar
    • Smooth Animation
    • SVG Graphic
    • Retina Ready
    Read More Demo

    Trunk.js : A responsive Navigation Web solution

    November 8, 2015 | Menus, Plugins
    Trunk.js : A responsive Navigation Web solution

    Trunk.js is a responsive web solution for creating better navigation and layouts. It tucks your navigation into the “drawer” on many devices, and while it triggers with jQuery, it moves with CSS for a much smoother effect.

    Read More Demo

    jQuery Instant Responsive Menus with CSS3

    November 2, 2015 | CSS2 / CSS3.0, Menus, Plugins, Premium, Responsive
    jQuery Instant Responsive Menus with CSS3

    Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle menu, slide out menu, full screen navigation, tabbed menu, dots navigation and much more.

    Features:

    • One Page Smooth Scroll support
    • Customizable CSS3 animation effects (Faster than jQuery Animations)
    • Fully Responsive
    • Unlimited Color Themes
    • Light weight
    • Built with CSS3 and improved with some jQuery
    • Compatible with bootstrap
    Read More Demo

    SecretNav : jQuery Push Menu Plugin

    October 11, 2015 | Menus, Plugins
    SecretNav : jQuery Push Menu Plugin

    SecretNav is a small jQuery push menu plugin that slides out an off-canvas navigation from the edge of the screen while pushing the main content away with a fancy CSS3 powered 3D perspective effect.

    Demo 1 Demo 2

    Read More Demo

    Responsive Sidebar Navigation with CSS & jQuery

    September 28, 2015 | CSS2 / CSS3.0, Menus, Responsive
    Responsive Sidebar Navigation with CSS & jQuery

    If you’re working on an admin panel, chances are you’ll need to design and develop a vertical menu, with plenty of sub-categories. That’s why we decided to share today’s snippet! Our Sidebar navigation can make your life easier by providing a starting, simple template for your next project.

    An easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.

    Read More Demo

    3D Bold Navigation in CSS & jQuery

    September 7, 2015 | Animation, CSS2 / CSS3.0, Menus, Popup Window
    3D Bold Navigation in CSS & jQuery

    A bold navigation that slides in when active, replacing the current content in a 3D space.To increase the focus on the menu, we pushed the main content along the z-axis (by using CSS transformations we actually scale down the content size, we don’t use 3D translations, but the result is the same).

    Read More Demo

    Motion Blur Effect with SVG & jQuery

    September 1, 2015 | Carousel, Image Effects, Popup Window, SVG Tutorial
    Motion Blur Effect with SVG & jQuery

    A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

    Read More Demo

    Cta.js : Animate your Action-to-effect path

    August 29, 2015 | Animation, Core Java Script
    Cta.js : Animate your Action-to-effect path

    cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.

    Read More Demo