Best jQuery Plugins Plugins & Tutorials with Demo

    FullScreen Background Slider – jQuery SlideShow

    January 31, 2014 | Animation, CSS2 / CSS3.0, Plugins, Premium, Responsive, Slider
    FullScreen Background Slider - jQuery SlideShow

    The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website’s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.

    Features:

    • Responsive, Mobile-Friendly
    • 20 Animation Effects
    • Lightweight javascript (~14Kb), using CSS3 Transitions
    • Compatible with all major browers
    • 20 built-in patterns
    • Customizable Animation Time
    • init(), destroy(), updatepattern() methods
    • jQuery Animations on Old Browsers
    Read More Demo

    jQuery Tax Calculator with Chart.js

    January 31, 2014 | Plugins
    jQuery Tax Calculator with Chart.js

    Wow. I forgot to show you all my cool little tax calculator I created! About two weeks ago, I created a jQuery based tax calculator. Same as before, I used bootstrap and jQuery. Wanna use it? Feel free to pull it out of the source! I think this is one of the most fluid tax calculators I’ve seen as well!

    Read More Demo

    Stickyfloat : jQuery Animated Fixed Position Element Plugin

    January 29, 2014 | CSS2 / CSS3.0, Plugins
    Stickyfloat : jQuery Animated Fixed Position Element Plugin

    This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs. This plugin solves that problem with as little code as I could possible get it so it will run in the most optimized way, while also allow you to customize it in many important ways which might suit you best.

    Features:

    • Can handle many floated elements, each with it’s own settings
    • Floated elements’ movement can be bound inside their parents’ area
    • Uses Native javascript easing, but using CSS3 transitions would be the optimum (not for IE)
    • Has many settings, such as stick to the bottom or animation style
    • Code is very maintainable and higly efficient
    Read More Demo

    A-Slider : jQuery CSS3 Responsive slider with Audio support

    January 29, 2014 | CSS2 / CSS3.0, Plugins, Slider
    A-Slider : jQuery CSS3 Responsive slider with Audio support

    A simple, CSS3 responsive slider with no external dependencies except jQuery.

    Features:

    • No dependencies except jQuery; works well with Twitter Bootstrap if required
    • Specify optional audio for each slide
    • Specify slide duration individually for each slide
    • Supports multiple sliders on the same page
    • Uses CSS 3 transitions for better performance
    • Slide any content, not just images
    • Configuration done using HTML attributes – no javascript configuration needed
    Read More Demo

    Bootstrap Growl : jQuery Notification Plugin

    January 28, 2014 | Bootstrap, Plugins
    Bootstrap Growl : jQuery Notification Plugin

    Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications.

    Features:

    • Uses standard Twitter Bootstrap alerts which provides ‘info’, ‘error’, and ‘success’ styles.
    • Multiple growls called consecutively are stacked up one after another in a list.
    • Automatically fades growls away after a default of 4 seconds.
    Read More Demo

    TextEffect jQuery plugin

    January 27, 2014 | Plugins, Text Effect
    TextEffect jQuery plugin

    A simple plugin with various effects you can apply to text, letter by letter.

    Read More Demo

    SVG Avatars Generator – jQuery WordPress Plugin

    January 27, 2014 | Plugins, Premium, SVG Tutorial, Wordpress
    SVG Avatars Generator - jQuery WordPress Plugin

    With this WordPress plugin you can easy integrate the SVG Avatars Generator, which lets your visitors create custom avatars. This Generator is based on SVG (Scalable Vector Graphic), which is supported by all modern browsers and does not depend on screen resolutions. As a result your visitors can download their avatars as SVG file or as PNG one (2 size options) which is converted from vector graphic parts and also upload to Gravatar.com and use their created avatars as gravatars. The integration of the SVG Avatars creator is quite simple too. This script has responsive interface and doesn’t use any usual images, like JPGs or PNGs (except for downloading), only vectors, which give us clean and perfect look on any devices including Retina.

    Features:

    • More than 300 Graphic Parts. New Ones will be Added
    • Any Colors!
    • Automatic Shadows and Highlights
    • Random Avatar!
    • Responsive Interface
    • Retina Perfect
    • Works on Touch Devices
    • Easy to Translate (Seven languages are already included)
    Read More Demo

    jQuery Easy Ticker plugin

    January 26, 2014 | Plugins
    jQuery Easy Ticker plugin

    jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

    Features:

    • Two directions available (Up and down).
    • Can be targeted on any template.
    • Flexible API for extending to various applications.
    • Supports ‘easing’ functions.
    • Mouse pause feature available.
    • The speed of the transition can be changed.
    • Controls can be added inorder to Play/pause or move the list Up and down.
    • Cross browser support.
    Read More Demo

    Magic Slider with layers & Carousel with LightBox

    January 26, 2014 | CSS2 / CSS3.0, HTML5, Plugins, Premium, Responsive, Slider
    Magic Slider with layers & Carousel with LightBox

    Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

    Features:

    • touch screen navigation support for mobile
    • responsive design. Available parameter to disable responsive behaviour
    • 2 predefined skins: bullets & thumbs
    • layered elements: permits almost unlimited number of layers, images or texts.
    • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
    • each layer has parameters for intial move animation, intermediate move animation and exit move animation
    • Ultra-smooth Ken Burns Effect for background image, on all major browsers
    • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing.
    • Fixed Dimensions Version, Full Width Version and Responsive Version
    • external url link parameter for each slide
    • target parameter: _blank or _self
    • width & height parameters
    • autoplay parameter
    • loop parameter
    • show/hide controllers parameter
    • show/hide bottom thumbs parameter
    • circle timer parameters for color, dimensions, transparency
    • you can include YouTube and Vimeo
    Read More Demo

    imagesLoaded : jQuery Plugin to Detect when images have been loaded

    January 25, 2014 | Plugins
    imagesLoaded : jQuery Plugin to Detect when images have been loaded

    JavaScript is all like “You images done yet or what?”.Detect when images have been loaded.

    Read More Demo