Submit your widget
98
Yays

Image black and white switch with jQuery.

  Views 50160   downloads 7543   Image Effects

This plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers Usage 1 Include the plug into the page: <script…

115
Yays

jQuery useful Product Colorizer Plugin

  Views 37384   downloads 7822   Image Effects

productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust…

154
Yays

jquery beautiful responsive portfolio hover gallery

  Views 85866   downloads 14781   Image Effects

we are going to show you, creating a beautiful responsive portfolio gallery with jquery mouse hover effect. On mouse over each images you see animation background transparency and two permalinks will…

122
Yays

Awesome CSS3 images Stacked Elements

  Views 70895   downloads 15192   Image Effects

we'll show you how to create a simple ‘stacked’ look to some images. The HTML <div class="stack"> <img src="image1.jpg" /> </div> Unfortunately WebKit…

134
Yays

Css3 tricks animation featured boxes

  Views 58614   downloads 16306   Image Effects

we will create a set of featured boxes that will create a nice text flying effect when you move your mouse over them. We will take advantage of the CSS3 custom animations and create a set of our own animations. I…

142
Yays

HTML5 sorting photos Drag and Drop effect

  Views 39280   downloads 5870   Image Effects

Drag and Drop and HTML5. As you know (I hope), all modern browsers (it should be FF, Safari, Chrome, possible Opera) have native support of this useful feature (as drag and drop). It means that we can…

145
Yays

jQuery cool dynamic grid layout plugin

  Views 79753   downloads 13936   Image Effects

BlocksIt.js is a jQuery plugin for creating dynamic grid layout. It manages to convert HTML elements into ‘blocks‘ and position them in well-arranged grid layout like Pinterest, one of…

117
Yays

Beautiful images animation Waves effect

  Views 41195   downloads 4890   Image Effects

Makes cool ass lakes. No license, do what you want as long as it involves some Cool Ass Lakes. How does it work? <script src="jquery.js"></script> <script src="lake.js"></script>…

81
Yays

Auto Resize Picture - jQuery Picture

  Views 27463   downloads 2091   Image Effects

  Overview jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture…

204
Yays

Pure CSS3 images Hover Effects

  Views 118583   downloads 20511   Image Effects

There are five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops. In summary, we seek the same method but we will act especially using the border…

113
Yays

Fancy CSS3 Transitions Image Gallery

  Views 55181   downloads 23931   Image Effects

CSS3 Transitions allow browser to animate HTML elements through the change of CSS properties. In other words, we can create animations in webpage without JavaScript but just with pure CSS. The Idea The…

120
Yays

Beautiful jQuery like Google images gallery

  Views 34544   downloads 5021   Image Effects

Works on IE8+ , FF, Chrome, Safari & more...!! Thumba is a gallery jQuery plugin, that displays thumbnails as Google images. You can navigate by moving the mouse, or using "Left" & "Right"…

140
Yays

jQuery multiple Image Hover effect

  Views 66276   downloads 10412   Image Effects

Adipoli is a simple jQuery plugin used to bring stylish image hover effects. Enabling image hover effect is very simple. Place the below references inside your head tag. <link href="css/adipoli.css"…

98
Yays

Very using jQuery Anystretch effect

  Views 26335   downloads 2894   Image Effects

jQuery Anystretch Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will…

106
Yays

jQuery diagonal rotation with CSS3 transitions

  Views 20132   downloads 3097   Image Effects

We start with minimal markup. Always make your markup as simple as possible; don’t duplicate elements unless absolutely necessary. Markup should be a semantic outline of your content. With that…