Submit your widget
66
Yays

Like "Design Samsung" site grid loading effect

  Views 22199   downloads 3345   Layout & Interface

This tutorial wil tell you how to achieve the grid loading effect seen on the "Design Samsung" site. The effect will show a colored element sliding in first and then sliding out again,…

65
Yays

Number Progress Bar with jQuery

  Views 10250   downloads 2302   Layout & Interface

This is a lovely number progressbar.   Installation bower install NumberProgressBar [--save] Usage HTML .number-pb { position: relative; height: 3px; background-color: #ddd; } .number-pb .number-pb-shown…

58
Yays

Perimeter.js - A jQuery plugin allows you to trigger code when the mouse gets near an element.

  Views 8478   downloads 1577   Layout & Interface

Perimeter.js - jQuery plugin Creates an invisible perimeter around a target element and monitors mouse breaches. Allows you to trigger code when the mouse gets near an element. Use cases Get the user's…

58
Yays

Super-smooth CSS and jQuery transitions

  Views 10073   downloads 2240   Layout & Interface

This is a Super-smooth CSS transitions &transformations for jQuery Usage is simple! Just include this script after jQuery. Requires jQuery 1.4+. Use $('...').transitioninstead…

58
Yays

jQuery plugin for better grid layouts

  Views 23663   downloads 4179   Layout & Interface

Better Grid Layouts - Especially for Portfolio Pages! Install using Bower: bower install brickfolio   Or copy the following files into your project: jquery.brickfolio.min.js jquery.brickfolio.min.css…

57
Yays

Jquery and CSS3 Google Plus Style delete Animations

  Views 11668   downloads 2157   Layout & Interface

Google plus given an awesome kick to user experience, specially circles UI animations. I feel it’s great and new definition to have user experience design. I have tried circle rotation animation…

56
Yays

UpDown.js - Moving up and down with either keyboard commands or custom events with jquery

  Views 11587   downloads 1531   Layout & Interface

UpDown.js is a jquery plugin that provides a flexible way to traverse through containers and their child elements with either keyboard commands or custom events. Requirements jQuery 1.4.2+ Usage Basic…

56
Yays

Valign is a small jQuery plugin which allows you to align vertically any HTML element without CSS hacks

  Views 7188   downloads 1362   Layout & Interface

Introduction Valing is a small jQuery plugin which allows you to align vertically any HTML element without CSS hacks. How it works It adds a margin-top, (em or px units) to the absolute positioned…

55
Yays

Complex animations effect with jQuery

  Views 11505   downloads 1806   Layout & Interface

The jQuery plugin for complex animations effect. Now you can run complex animations in your pages "Animeltizing", use syntax: $( sel ).animelt( props,duration,finish ); Other examples: $("div").animelt({…

53
Yays

Useful jQuery Flip-Quote effect

  Views 11263   downloads 2028   Layout & Interface

 we called it jQuery Flip-Quote.This is a pull-quote from a text quote found in the document that flipsonce it's scrolled into view.  It also has a click feature that…

53
Yays

Powerful JQuery Advanced News Ticker

  Views 14966   downloads 2622   Layout & Interface

A powerful, flexible and animated vertical news ticker plugin. Provides hight flexibility thanks to numerous callbacks & methods. Fully customizable to every kind of vertical scrolling need. Light-weight…

51
Yays

EqualHeight.js - A jQuery plugin that sets the height of each element in a group to the height of the highest element

  Views 8642   downloads 1965   Layout & Interface

A jQuery plugin that sets the height of each element in a group to the height of the highest element. It is responsive, so it keeps working when you resize your window. Usage Include jQuery: <script…

49
Yays

jQuery responsive equal heights plugin

  Views 20041   downloads 4320   Layout & Interface

matchHeight makes the height of all selected elements exactly equal.   Features row aware, handles floating elements responsive, automatically updates on window resize (can be throttled for…

48
Yays

CSS and jQuery exploding Blocks effect

  Views 16048   downloads 2672   Layout & Interface

This blocks explode when it’s clicked or touched , mainly using CSS and jquery. So we kind of inspired by this little gif we saw that had a block explode when it was clicked,…

48
Yays

handle events after a (window) resize with jQuery

  Views 11282   downloads 1614   Layout & Interface

Include both the jQuery library and the resizeEnd plugin on your page: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="js/jQuery.resizeEnd.js"></script>…