Submit your widget

jQuery Mac dock style flexibility menu

  Views 29195   downloads 6889   Menu & Navigation

Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS…


jQuery Elastic vertical menu

  Views 24983   downloads 5166   Menu & Navigation

jQuery OS X Stack and Drop Stack It’s super lightweight (~1kb) and is a really creative “outside the box” method of navigation for a website. It might be a little awkward having the…


CSS and jQuery Cool Animated Navigation

  Views 27871   downloads 4165   Menu & Navigation

Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with…


Mootools Homepage Inspired Navigation Effect Using jQuery

  Views 16706   downloads 3070   Menu & Navigation

    As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked.This we’ll recreate…


Image Horizontal Slide Menu with Mootools

  Views 45842   downloads 10361   Menu & Navigation

horizontal menu, reveals more of the image as you rollover it. Features 2 optional onClick events - open & close href passed to onClick events stays open when clicked closes when clicked select item…


jQuery Colorful Content Accordion menu

  Views 40437   downloads 7413   Menu & Navigation

We are making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.   Step 1 – XHTML   As you can see from the demo, the accordion…


jQuery Animated Menu

  Views 27209   downloads 7301   Menu & Navigation

Step 1 – Set up the Structure Here is the HTML markup that is used in the demo: <div id="menu" class="menu"> <ul> <li><a href="[removed];">Home</a></li> <li><a…


CSS3 Super slick jQuery menu

  Views 33552   downloads 5596   Menu & Navigation

The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It's fairly easy to…


jQuery Smooth Animated Menu

  Views 35684   downloads 7021   Menu & Navigation

Ever seen some excellent jQuery navigation that left you wanting to make one of your own? We’ll aim to do just that by building a menu and animate it with some smooth effects. Step 1 – Set…


jquery elastic thumbnail menu

  Views 22217   downloads 3643   Menu & Navigation

The HTML Quick and easy, the general framework we’ll be using goes as follows: <div id="menuwrapper"> <div id="menu"> <a href="#" class="menuitem"><img src="image.jpg"></a><!--Template…


jQuery small Boxes Menu

  Views 20128   downloads 4447   Menu & Navigation

we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for some description or links. When the item is clicked…


jQuery Smooth Circular Motion Menu

  Views 32658   downloads 6833   Menu & Navigation

we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular movement for a menu in a portfolio example. The idea is to have a rounded…


jQuery Beautiful Background Images Navigation

  Views 35656   downloads 6958   Menu & Navigation

We are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position.…


jQuery Rocking and Rolling Rounded Menu

  Views 29028   downloads 7108   Menu & Navigation

In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate…


Minimalistic Navigation Menu with CSS3

  Views 54347   downloads 10741   Menu & Navigation

Today we are making something practical – a simple CSS3 animated navigation menu The XHTML The menu is organized as an unordered list. This is the most suitable structure for a menu, as it provides…