Submit your widget
487
Yays

Reorder and filter items with a nice shuffling animation(Quicksand)

Views 45103   downloads 4436   Image Effects

How it works At the very basic level, Quicksand replaces one collection of items with another. All you need to do is provide those two sets of items. You can do it in a couple of ways: Use plain HTML,…

385
Yays

unordered list animated circle with jQuery

Views 30987   downloads 6452   Image Effects

jQuery plugin (2KB) that allows you to create an unordered list as an animated circle. Changelog: fixes for hover event, added direction option (clockwise or counter-clockwise) added hover trigger fixes…

283
Yays

Very Cool images 3D Gallery

Views 38967   downloads 9380   Image Effects

This demo is truly  inspiring,It helps your photo gallery,hope you like it. CSS html { overflow: hidden; } body { position: absolute; margin: 0px; padding: 0px; background: #eee; width: 100%; height:…

255
Yays

Images Or Banner Rotator With jQuery

Views 29255   downloads 3021   Image Effects

How To Use It? Step 1 – XHTML The XHTML code of the banners is generated on the fly by PHP after a database query, and outputted to the page. Here is how the markup for a sample banner looks like:…

249
Yays

Smart3D images jQuery plugin

Views 15678   downloads 2960   Image Effects

Simple code brilliant results     $(function() { $('#mindscape').smart3d(850); });   <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img…

235
Yays

jQuery awesome Hover Image Slide Effect

Views 34969   downloads 4522   Image Effects

we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect…

185
Yays

jQuery Plugin: rotate3Di - Flip HTML content in 3D

Views 18690   downloads 2896   Image Effects

Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS Transforms are used to create…

174
Yays

simple jQuery Fading Background Color

Views 17730   downloads 1646   Image Effects

we would like to experience with you another effect that is widely used these days, the Background Color Fading effect on hover. We’ll have a block of content that when the mouse moves over the…

160
Yays

A jQuery Cloud Zoom

Views 29420   downloads 8816   Image Effects

Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability…

159
Yays

Making a Photoshoot Effect With jQuery & CSS

Views 19713   downloads 2722   Image Effects

We are creating a photo shoot effect with our just-released PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel. Using…

158
Yays

cool jQuery animation effect gallery

Views 21005   downloads 3148   Image Effects

Today we would like to show you how to create a modern gallery (with cool animation effect) using Raphael library and jQuery.   Create three files: index.html, default.css, init.js and download Raphael…

149
Yays

CSS3 Super slick jQuery menu

Views 21910   downloads 3196   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…

147
Yays

Interactive Picture with jQuery(Image Tips)

Views 20388   downloads 3947   Tooltips

In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect…

146
Yays

Thumbnail Effect With Zoom And Sliding Captions(jQuery )

Views 20841   downloads 2973   Image Effects

This time with zoom and sliding caption. HTML <!-- start thumbnailWrapper div --> <div class='thumbnailWrapper'> <ul> <li> <a href='#'><img src='images/1.jpg' /></a>…