List/Grid

Menu Subscribe to Menu

jsTree-jQuery plugin

jsTree-jQuery plugin

jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin

Proto.Menu :: context menu with prototype

Proto.Menu :: context menu with prototype

Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page. Features: Lightweight: ~3 KB (~2 KB minified) Unobtrusive: Plays nice with JS turned off, uses… Read more »

Menu Background Image Animations with jQuery

Menu Background Image Animations with jQuery

Menu Background Image Animations can change the position of the background image felt to be the best approach to creating the type of effect we’re looking for The animation needs… Read more »

Image menu with mootools

Image menu with mootools

Features: * It allows onClick event keeps selected item open. * Click open item to close. * Specify a function for the onClick event. * Auto open when the page… Read more »

Mif Menu with Mootools

Mif Menu with Mootools

Mif.Menu supports multi-level and key navigation as well. There are ART style and shadow style context menu for you to choose from.

iPod Drilldown and Flyout Styles Menu System with jQuery

iPod Drilldown and Flyout Styles Menu System with jQuery

The iPod Drilldown and Flyout Styles Menu System can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical… Read more »

BySlideMenu-Mootools plugin

BySlideMenu-Mootools plugin

BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or… Read more »

quicksand-jQuery plugin

quicksand-jQuery plugin

I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Quicksand aims at… Read more »

BubbleUP jQuery Plugin

BubbleUP jQuery Plugin

BubbleUP jQuery Plugin is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the… Read more »

Microsoft Office Minibar with jQuery and CSS3

Microsoft Office Minibar with jQuery and CSS3

Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a… Read more »

Sliding Checkbox Actions Menu with jQuery

Sliding Checkbox Actions Menu with jQuery

An actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the user to scroll to the place… Read more »

Background Image Navigation with jQuery

Background Image Navigation with jQuery

Background Image Navigation have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into… Read more »

Little Boxes Menu with jQuery

Little Boxes Menu with jQuery

Little Boxes Menu 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… Read more »

Stunning Circular Motion Effect with jQuery

Stunning Circular Motion Effect with jQuery

The idea is to have a rounded content area with a main menu. When hovering over one of the menu items, a sub-menu element appears, circulating around the content area.

WanderWall

WanderWall

A hover-based interface is one where the majority (or all) of the user interaction on the page can be controlled by a user hovering over an element with their cursor…. Read more »

RocketBar

RocketBar

Everyday on the web there’s something that we all do, almost regardless of the site that we’re on – we scroll down. If we’re reading a blog post, looking through… Read more »

Mac OS X-Style Dock Menu in Javascript

Mac OS X-Style Dock Menu in Javascript

homepage http://safalra.com/web-design/javascript/mac-style-dock/

Mac-like icon dock (v2)

Mac-like icon dock (v2)

A “Mac OS X” style icon dock, built entirely in XHTML/CSS and with smooth animation using jQuery/JavaScript.

OS X Style Docks & Stacks Navigation with jQuery

OS X Style Docks & Stacks Navigation with jQuery

jQuery OS X Stack and Drop Stack is my favorite navigation style out of the three shown in the tutorial. It’s super lightweight (~1kb). It might be a little awkward… Read more »

Fish Eye Menu for Prototypejs

Fish Eye Menu for Prototypejs

The idea behind a fisheye control is a strip of icons, being vertical or horizontally laid out that reacts to the user’s mouse as it approaches the icon. This control… Read more »