Best jQuery Plugins Plugins & Tutorials with Demo

    Adipoli : Attractive jQuery Image Hover effect plugin

    Adipoli : Attractive jQuery Image Hover effect plugin

    Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such stylish hover effects.

    With a simple function, we can choose the “start effect (normal, transparent or overlay)” and the images will become less catch until they are hovered.

    There are 20+ built-in and attractive transition effects that will display the images “as is” when users hover them.

    Also, multiple configuration options exists for further customizing the transitions.

    imBookFlip : jQuery Page Turning Plugin without Flash

    imBookFlip : jQuery Page Turning Plugin without Flash

    The imBookFlip jQuery plugin can load a book in an iframe or directly on the page. The book’s pages can be set to turn when manually clicked only, begin auto flip (turn automatically) as soon as the html page loads, or begin auto flip when first page (front cover is clicked). Sound Manager can be used with the jQuery plugin to add audio to the book.

    Griffin.editor – a jQuery textarea plugin

    Griffin.editor – a jQuery textarea plugin with Demo

    A jQuery textarea editor that has zero configuration. For instance, just add the syntax highlighter scripts to activate those features.

    Highlights:

    • Markdown (currently the only format supported)
    • Preview pane (see generated HTML live)
    • Syntax highlighting (live)
    • Expanding textarea (which also goes back to original size on blur)
    • jQueryUI dialogs for links/images
    • Access keys (default browser modifier or CTRL if activated)
    • Plug & Play (just include additional scripts to activate features)

    jQuery Anystretch : Resized background image

    jQuery Anystretch : Resized background image

    Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes.

    jQuery SelectBox Plugin

    jQuery SelectBox Plugin

    While it is possible to use CSS to style SELECT elements, browser support and appearance will vary greatly depending on platform and browser.  In our search for a solid, customizable replacement for these finicky controls, we turned up only a handful of possible options that we ultimately weren’t thrilled with for one reason or another. Thus, today we’re introducing a new jQuery plugin that replaces standard SELECT elements so you can customize them entirely using CSS.  We even threw in some extra features for added usability.

    The plugin works by piggy-backing your existing SELECT controls.  Since the original controls aren’t destroyed (they’re hidden), you can easily integrate this plugin into just about any existing form. The plugin degrades gracefully, as users without JavaScript will see the default SELECT controls.

    Grab bag : jQuery Text effect plugin

    Grab bag : jQuery Text effect plugin

    Some fun little text effects with jQuery. These manipulate $(ele).text() so will probably be disastrously broken with inner HTML content.

    jQuery Animated Filter gallery : Filters

    jQuery Animated Filter gallery : Filters

    Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that.

    jQuery Scroller Image Gallery : jsCraft Scroller

    jQuery Scroller Image Gallery : jsCraft Scroller

    Scroller is a plugin for jQuery that allows display images in the form of round markers

    jQuery Google Image Slides

    jQuery Google Image Slides

    A jQuery plugin to display your Google Photos, including Picasa and Google+ albums.

    ghostType jQuery text effect Plugin

    ghostType jQuery text effect Plugin

    This is a classy jQuery text effect that makes the text look like it’s being typed across the screen. A great way to call attention to a specific area of the page and it’s just a block of text within a class. This means the text is fully readable by search engines.ghostType simulates the effect of typing text in real-time. The text within a designated document element is transformed into a seemingly live message.

    Engage your users with a message that unfolds right before their eyes, as if you were typing a message to them in real-time.