ShapeShift is a jQuery plugin which helps you to create a dynamic grid system with awesome multi-column drag and drop functionality.This jQuery plugin will dynamically arrange a collection of elements into a grid in their parent container.Inspired heavily by the jQuery Masonry plugin.
Another great feature is masonry installed so that when resizing ,the grid to accomodate for more or less space is automatically turned on in this jquery plugin, so if your parent container has a 100% grid resizing the window will shapeshift the child objects around to accomodate for the new layout.
Best jQuery Plugins Plugins & Tutorials with Demo
Shapeshift : jQuery plugin for dynamic grids with drag and drop
MelonHTML5 : jQuery Metro Gallery
Metro Gallery a flexible and easy to integrate photo gallery featured in Metro Design. It allows you to build your unique photo wall with your custom settings.
Features:
- Unique Metro design
- Mobile device ready (phones + tablets)
- 21 different tile sizes
- CSS3 animations + jQuery fallback for IE
- Dynamic layout
- 9 pre-defined themes
- 3 loading animations
- Black & White mode
- Fully customizable
jQuery Wheelzoom : A plugin to enlarge IMG elements on mousewheel/trackpad
A small plugin for zooming IMG elements with the mousewheel/trackpad. Wheelzoom works by scaling and positioning a background-image, after it sets the IMG element’s src to a transparent png. Wheelzoom doesn’t add any extra elements to the DOM, or change the positioning of the IMG element.
GalleryView : Photo gallery jQuery plugins
Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is my attempt to write a single plugin capable of creating a wide variety of gallery types.
My goal with GalleryView is to provide an extensive set of options to the user. Not only will the user be able to adjust photo and thumbnail sizes, and transition speeds, but he will also have the ability to choose from a selection of element positions, transition styles and other features.
App Folders : jQuery to create iOS-like App Folders on any website
Use jQuery to create iOS-like App Folders on any website. They can contain any content and be styled in any way.
Features:
- Works great on mobiles
- Responsive design
- Fully styleable (it’s easy!)
- Well-documented
- Very easy to use
- Can contain any content (images, text, video, complex layouts)
- Opened Folder can be linked to from other pages
- Configurable position changes for nth folder
jQuery Photo Zoom Plugin
Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the PhotoZoom container based on your web page design. Very easy to implement just include the plugin using script tag and give required selector, take a look this live demo.
Grooveplayer : A jQuery music player
Grooveplayer is a jquery music player plugin built off the open source jplayer multimedia plugin. The GUI resembles the unique look and feel of grooveshark. Grooveplayer allows you to organize and play your mp3 files. Creating a playlist is simple and effortless. All you have to do is edit a single json file and your ready to go!
Features:
- Built with the free and open source jplayer multimedia plugin.
- Effortless installation.
- Grooveshark GUI look and feel.
- JSON playlist for easy customization.
- Custom background album art.
