Best jQuery Premium Plugins & Tutorials with Demo

    Fancy 7 – jQuery Touch Image Slider / LightBox

    December 22, 2013 | Premium, Responsive, Slider
    Fancy 7 - jQuery Touch Image Slider / LightBox

    Fancy 7 is one of the most complete image slider ever. It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

    Features:

    • Premium 10+ fancy skins
    • 380+ wonderful animations(2d,3d) – Animations will come more as new version released.
    • Easy to implement and customize
    • Unlimited slides – Users can insert as many slides as he wants.
    • Native browser support
    • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
    • Image Lazy Loading – Fancy 7 loads all images at once so that he/she doesn’t wait again while slides.
    • Image Preview support – Fancy 7 provides image preview option on hover.
    • Customizable width and height – Width and height can be set.
    • Fully responsive – It’s fully responsive so it can be attached in touch device.
    • Full width functionality involved – Full width slider is available
    • Lightbox support – It supports lightbox based on users’ demand.
    • Touch device support – Touch events are supported.
    Read More Demo

    jQuery Background Trip

    December 20, 2013 | Plugins, Premium
    jQuery Background Trip

    BACKGROUND TRIP nice effect for all your web site, as background or inside parallax effect
    7 type effect : Bubble, Stars, Square, Triangle etc.. etc…

    Features:

    • 7 type effects
    • one page parallax with 4 type effects
    Read More Demo

    jQuery Amazing Portfolio – WordPress Plugin

    December 18, 2013 | CSS2 / CSS3.0, Gallery, Plugins, Premium, Wordpress
    jQuery Amazing Portfolio - WordPress Plugin

    Features:

    • Create Fully responsive portfolios
    • Control the number of columns for various screen resolutions and widths.
    • 25 unique and creative theme effects (More coming soon)
    • Unlimited colors and style.
    • Manage Unlimited Portfolios.
    • Control cross browsers CSS effects of various elements like borders, backgrounds, fonts, paddings, margins, alignments, colors, shadow etc.
    • Based on powerful Mixitup plugin
    • Images, video and audio support for portfolios
    • Fully customizable CSS and Style settings. Possible to customize or redesign all parts of portfolio from panel.
    • Responsive lightbox supports any media type like audio, video, external video, images, embeded codes and HTML codes.
    • Auto detect media in lightbox and keyboard support navigation
    • Control animation easing, animation effects and animation speed
    • Filterable portfolio with controllable animations.
    • 25 brilliant inbuilt demos
    • Create Audio file or Video file portfolio using default browser players
    Read More Demo

    Infographic Charts and Graphics HTML Tags Library

    December 16, 2013 | Chart & Graph, Core Java Script, HTML5, Premium
    Infographic Charts and Graphics HTML Tags Library

    This custom JS charting library created by PSDDude from 0 implements custom HTML tags which allow creating charts and graphs for infographics.

    It is a light-weight, pure JavaScript charting library (NO jQuery or other libraries required) which makes use of HTML5 technologies and works on all modern browsers including IE, Chrome, Firefox, Opera, Safari.To use it you do not need to know any JavaScript, as all the charts are added as HTML tags. You can follow the very straight forward documentation which also contains examples.

    The library allows creating: – Piecharts and doughnuts – Shape graphs – you can transform any image(PNG) into a graph – Shape bar graphs – use any image (PNG) to construct a bar chart – Line graphs – Barchart graphs

    Read More Demo

    jQuery Handwriting Plugin

    December 15, 2013 | Plugins, Premium, Text Effect
    jQuery Handwriting Plugin

    This is a javascript based tool that uses the canvas object to draw symbols. Each symbol is defined using multiple curves and each curve consists of start, end and control point. The tool comes with two sets of curves with limited number of symbols, but more symbols and more sets can be created and added to the tool in the future. The tool allows decoration of the curves with images defined by user. While the tool features more than 20 options to customize it can be used in a simple configuration.

    Features:

    • two sets of symbols The tool features two sets of symbols – one similar to Verdana font, and another one with more calligraphic look.
    • 85 symbols in each set These are A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 . , ! ? ( ) [ ] ; : @ $ % & * = + – / ’ ” > <
    • size of animated symbols Can be set using a scale parameter.
    • size of line height
    • color of text
    • stroke width
    • top/left offset
    • text alignment
    • curves speed drawing.
    • Pen can use different image set by user. Pen ball must be in top/left corner of pen image. Pen can be hidden.
    • images Images can be used in the animation and are managed with several parameters.
    • stroke above image.
    • pause
    • replay.
    • finish effect.
    • overall speed.
    • complete/
    Read More Demo

    Cube Portfolio : Responsive jQuery Grid Plugin

    December 13, 2013 | Plugins, Premium, Responsive
    Cube Portfolio : Responsive jQuery Grid Plugin

    Cube Portfolio is a powerful jQuery plugin that provides beautiful animated filtering, custom captions and it’s perfect for portfolios, galleries, team members, blog posts or any other ordered content.It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive layouts.

    Features:

    • Responsive & centering layout
    • Fully customizable: more than 20+ options
    • You can add unlimited number of items
    • You can add items usign AJAX
    • Responsive built-in lightbox with support for images, youtube and vimeo.
    • Built-in single ajax page with support for any HTML
    • 6 starter templates
    • 10 animations for item grids
    • Filter by categories: group your entries by categories
    • Support for dropdown filtering
    • Lazy Loading function
    • Using CSS Animation with fallBack to jQuery
    • Powerfull API : init, destroy, filter, appendItems, showCounter
    • Adjustable speed, transition, easing and effects for each caption
    Read More Demo

    Master Slider : jQuery Responsive Touch Swipe Slider

    December 11, 2013 | Plugins, Premium, Responsive, Slider
    Master Slider : jQuery Responsive Touch Swipe Slider

    Master Slider is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It’s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any html contents (texts, images, …) in layers. It is easy to use, plus there are 25+ ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

    Read More Demo

    SlideScreen jQuery Plugin

    December 9, 2013 | Drag & Drop, Plugins, Premium
    SlideScreen jQuery Plugin

    SlideScreen is a jQuery plugin that creates a “Before and After” effect from two images where you can drag a separator bar to reveal more or less of each image. It has several customization parameters and works on mobile devices.

    Read More Demo

    Responsive and Animated jQuery Bubble

    December 8, 2013 | Plugins, Premium
    Responsive and Animated jQuery Bubble

    jQuery Bubble Scroll is an easy-to-integrate navigation asset that you can use on your website to display any kind of usefull informations. There are two types of layout (square or circle) and you can put it to the left or to the right of the screen.

    Features:

    • Display any kind of usefull informations with HTML and CSS.
    • Responsive : Bootstrap is NOT required (however, you can use it with no problem).
    • Different display styles available (circle, square).
    • Different positions (left or right).
    • Use cookies or not when the user closes the bubble.
    • Appears on scroll but can also be always visible on the screen.
    • Easy to integrate.
    • Simple to customize (different colors, border colors, backgrounds…)
    Read More Demo

    jQuery Motion Background Bokeh & Circles Animation

    December 6, 2013 | Animation, CSS2 / CSS3.0, Plugins, Premium
    Motion Background Bokeh & Circles Animation

    Background motion circles :

    • Any Background Color
    • Any Circle Sizes
    • Any Position
    • Any Speed
    • Most Browsers Compatible
    • Most mobile devices
    Read More Demo