Best jQuery Plugins Plugins & Tutorials with Demo

    Create beautiful slideshows with jQuery Cycle

    Create beautiful slideshows with jQuery Cycle

    These are 3 implementations of a simple slideshow using the jQuery Cycle plugin. Feel free to download and customize them to fit your own “slideshow needs”.

    Tutorial: Getting Started With jQuery Animations

    Tutorial: Getting Started With jQuery Animations

    jQuery. No doubt you have heard about this popular JavaScript library. It has taken the throne of all the JavaScript libraries out there because of its many features and easy syntax. Today, I will show you one of the simpler uses of jQuery: you can animate things. this will be the focus of today’s tutorial.

    GRADIENTER jQuery elements gradient plugin

    GRADIENTER jQuery elements gradient plugin

    I started to work on WordPress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that that’s very boring to do manually, I’ve decide to write jQuery plugin which will do that job.Gradienter is easy to use, and with small effort you can have really interesting color effect on your page.

    jQuery Dialogr a dialog box with extra features

    jQuery Dialogr a dialog box with extra features

    This jQuery plugin is a modified copy of jQuery UI Dialog widget, adding minimize, restore and maximize buttons.

    Flow Slider: Mouse-Controlled jQuery Image Slider

    Flow Slider: Mouse-Controlled jQuery Image Slider

    Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to. Flow Slider allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design. It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

    IxEdit a JavaScript-based Interaction Design Tool

    IxEdit a JavaScript-based Interaction Design Tool

    IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.

    PicStrips a jQuery plugin gives your images a bit of WOW!

    PicStrips a jQuery plugin gives your images a bit of WOW!

    PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the whitespace between each strip and also the amount of vertical whitespace added at the top and bottom of alternate strips.

    jQuery Geo – an interactive mapping plugin

    jQuery Geo - an interactive mapping plugin

    Query Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a wep page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help!

    nanoScroller a Lion-styled jQuery scrollbars

    nanoScroller a Lion-styled jQuery scrollbars

    nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.

    Easily animate box shadows in jQuery

    jQuery box shadows animation

    With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius. Mark Carver contributed code to support rgba-colors (the alpha channel).