jQuery Menus Plugin & Tutorials with Example

Vertical Responsive Menu with JavaScript & CSS3

Vertical Responsive Menu with JavaScript & CSS3

A mobile first vertical responsive menu using HTML, CSS & JS.

Wheelnav.js : Animated Circular navigation with SVG

Wheelnav.js : Animated Circular navigation with SVG

This is an animated navigation menu component, a JavaScript library based on SVG. It can be a pie menu (radial menu, circular menu), tab navigation and more. The library comes with predefined CSS classes for easy styling and supports HTML5 data attributes for proper markup.

Lateralus : jQuery Slide & Push Menus

Lateralus : jQuery Slide & Push Menus

Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS and jQuery.This project is an attempt to create a navigation system that provides basic functionality even without javascript, with CSS only.

The first goal was to see how far we could go with CSS alone. Every site should be usable without javascript (and also without CSS for that matter). With our jQuery plugin you can traverse the sub menu’s by touch or clicking and optionally by moving your mouse over it. If you’re a keyboard fan, then you can spam your tab key to the menu and hit enter to open or close a sub menu

Intence : A brand new way of Scrolling Indication

Intence : A brand new way of Scrolling Indication

Intence is a new UX concept and a library which is supposed to replace the ordinary scrollbar. It indicates the scrolling state in an intuitive, simple and efficient manner.

Web Slide : Responsive Mega Menu for Bootstrap 3+

Web Slide : Responsive Mega Menu for Bootstrap 3+

Create Beautiful MegaMenu navigation for your site. Using CSS3 Animation & Small Java Script It provides a modern app style navigation look in your website.

  • Mobile friendly website menu
  • Modern app style navigation
  • 100% Responsive Mega Menu
  • Bootstrap Columns Grid based + Compatible Bootstrap 3.0
  • Font Awesome version 4.3 Included : fully vector Icons
  • Custom widgets Videos,images, Google Map, carousel elements Integrated
  • Light weight, CSS and jQuery, No image need
  • Javascript/CSS3 animations

3D Bold Navigation in CSS & jQuery

3D Bold Navigation in CSS & jQuery

A bold navigation that slides in when active, replacing the current content in a 3D space.

menuFlip : jQuery Plugin for Flipping Navigation

menuFlip : jQuery Plugin for Flipping Navigation

Create flipping menu links with this extremely lightweight jQuery plugin.

Motion Blur Effect with SVG & jQuery

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.Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.

jQuery Progress Tracker

jQuery Progress Tracker

A small (2KB) jQuery plugin that creates a fixed progress indicator based on your content and allows linking between them.



Best jQuery websites design awards