Submit your widget

Sliding preview images Panels Template with jQuery

  Views 8717   downloads 1886   Menu & Navigation

This is A simple portfolio template, with project preview images that slide out to reveal the selected project. We’re not new to experimenting with portfolio templates. This time, we’ve…


Gooey menu plugin with jQuery

  Views 4790   downloads 885   Menu & Navigation

jquery gooey menu pluggins,Easily customizable jQuery plugin using SVG filters The introduction gooey.min.css,jquery and gooey.min.js <link rel="stylesheet" href="gooey.min.css">…


Cool 15 CSS Mobile Header Animations

  Views 6191   downloads 1266   Menu & Navigation

we'll created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation…


Vertical navigation filter function code with JQuery

  Views 11451   downloads 2739   Menu & Navigation

This is a super cool  Vertical navigation filter function code with JQuery . It support Firefox Chrome Safari IE10 IE9...


jQuery full-screen menu and navigation

  Views 6109   downloads 1004   Menu & Navigation

Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations. Structure The HTML is fairly simple,…


Vertical Fixed Navigation with jQuery

  Views 6141   downloads 1517   Menu & Navigation

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them. The basic idea behind putting round indicators on the side of a web page, is to give…


jQuery Code a Single-Page Sliding Website Layout With Fixed Navigation

  Views 2848   downloads 411   Menu & Navigation

In this tutorial I want to demonstrate how you can build a custom sliding navigation with jQuery. There are many alternative plugins which provide these features and will also save time. But I want to…


menu to cross icon with jQuery

  Views 3935   downloads 402   Menu & Navigation

One idea, 6 possibilities The project Menu-to-cross-icon is a project made to show people different ways to create a "Menu icon" that switch into a "cross icon" ( ☰ -> ✖ ) .…


Animated wheel navigation with jQuery

  Views 5267   downloads 895   Menu & Navigation

Animated wheel navigation JavaScript library based on Raphaël.js (SVG/VML). It works on all major desktop and mobile browser. Possible uses: tab navigation pie menu (radial menu, circular…


Useful jQuery Tree Plugin----zTree

  Views 4272   downloads 764   Menu & Navigation

   zTree is a multi-functional "tree plug-ins." based on jQuery. The main advantages of zTree includes excellent performance, flexible configuration, and the combination of multiple…


Very Cool Animated Header Scroll With jQuery

  Views 13264   downloads 3336   Menu & Navigation

We will teach you how to create an animated header with scroll to a section of the page each time you click one of the links in the header. To make things a bit more interesting I also added…


SVG shape animations with jQuery

  Views 14068   downloads 3072   Menu & Navigation

we’d like to share some inspiration for adding elasticity to elements. The idea is to integrate an SVG element into a component and then animate it from one path to another with an elastic animation.…


CSS and jQuery Tooltips Hover effect

  Views 20059   downloads 3573   Menu & Navigation

Here is another social media buttons, you can add them to you next project, we are only using social media button as an example, you can pretty much use them for any purposes.  From the…


awesome CSS3 hover effect

  Views 16810   downloads 3616   Menu & Navigation

we'll show you new CSS hover effects using CSS transition properties with websymbols. It looks so much more interesting with creative design using circles transition style. We like CSS3 hover…


resizing menu bar with jQuery

  Views 21489   downloads 2963   Menu & Navigation

we'll started featuring a dynamic and animated menu that resizes on scroll down. Minimizing the main navigation to allow more space for the content. In this tutorial, I’ll explain how you can…