This module creates a Pinterest like Pin Board view on your website. Users can attach pins on the pin board .Has only client side view and uses jQuery with Masonry plugin.
Best jQuery Plugins Plugins & Tutorials with Demo
Responsive Img : jQuery Responsive Image Plugin
This jQuery Plugin make your existing images responsive without creating new images.Responsive Img is a solution to all which combines a jQuery plugin with a PHP image pre-processor.The plugin enables the page to change the src attributes of the images in parallel to the container width and the PHP file auto-creates the new/resized images.
Images are only created when requested for the first time and this process won’t be repeated for future requests to perform better.
Bootstrap enhance with CSS3 animation
This script customize the animate.css and bootstrap.js, add CSS3 transition support with the Twitter Bootstrap, include the modal, popover and tab. You can enable this by change a little pice of your exist code.
Features:
- CSS3 transition support.
- Minimal change of the code, works fine with the exsit code.
- FAQ and source code are included in the package, free update in the future.
Volley : jQuery plugin for Dividing and Filtering elements
jQuery plugin for dividing and filtering elements based on their visual position. You can use it for running sequential animations on items.Volley requires all elements to be positioned in a grid, i.e. their widths and heights has to match (otherwise there is no point for calling volley really).Starting point for dividing items. By setting different starting point you can divide items into horizontal, vertical, or diagonal rows.
jQuery Fullscreen Responsive Lightbox Gallery
This is a beautiful Jquery Fullpage Lightbox Plug-in. It’s great for photographers and perfect for any designer to showcase their work and it is very reliable. It works on modern browsers and it is easily managable. This Jquery is a full responsive gallery and it adjusts on all screens, even your smart phone! You can add DIV elements and adjust your dive using the CSS. It has a unique and new design to it with retro rectangles and stylish squares.
The photos turn from black-and-white to colors after hovering your mouse over them also. The descriptions of the photo appear on the right side of the picture. This is probably the easiest Jquery you will ever use! Have fun and continue designing!
Fancy Product Designer : jQuery plugin
Let me introduce the first Product Designer here on jQueryRain. You can use this plugin for any type of product. Use it as T-Shirt Designer, Business Card Designer, Device Designer….no limits!
You do not need any vectors files for the plugin, you just set png images for your elements and you tell the plugin which element can be colorized by the user. If its can be colorized, the image will be converted in a HTML5 canvas element.
Features:
- Converts png files in HTML5 canvas for colorization
- Let the user add custom texts to the product
- Add unlimited motives
- Colorizable elements by static colors or colorpicker
- Let the user drag, move, remove or rotate the element
- Great API to integrate it in any Shop System
- Add unlimited custom fonts to the font dropdown, you only need the woff file of your font
StackSlider: A Fun 3D Image Slider with jQuery & CSS3
StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.
slimScroll : jQuery nice Scrollbar
slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar – similar to the one Facebook and Google started using in their products recently. slimScroll doesn’t occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.
