Best jQuery Plugins Plugins & Tutorials with Demo

    ChopSlider – jQuery & CSS3 animated Slider

    ChopSlider - jQuery & CSS3 animated Slide

    This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different but still awesome. It will be free under the MIT license, once released. The creator still runing some tests.

    Extreme Makeover: jPaginator CSS3 Edition

    jquery pagination with jPaginator plugin

    jPaginator aims to improve the user experience of long pagination lists by offering a slider to animate links left and right. In this tutorial, it teach you how to skin jPaginator into something beautiful.

    SFBrowser File Manager With PHP & jQuery

    SFBrowser File Manager With PHP & jQuery

    SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

    Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

    The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.

    Display your Favorite Tweets using PHP and jQuery

    Display your Favorite Tweets using PHP and jQuery

    If you have a twitter account, you oftentimes find yourself looking for a way to display your latest tweets on your website or blog. This is pretty much a solved problem. There are jQuery plugins, PHP classes andtutorials that show you how to do this.

    However, what happens if you only want to display certain tweets, that you have explicitly marked to show? As minimalistic twitter’s feature set is, it does provide a solution to this problem – favorites.

    In this tutorial, we will be writing a PHP class that will fetch, cache, and display your favorite tweets in a beautiful CSS3 interface.

    jQuery AOG Carousel

    jquery Carousel

    This is a 3D-like spinning carousel that can be manipulated with the mouse.

    It is fully powered by jQuery. There is no Flash, no CSS3, just simple jQuery coding.
    It is lightweight (6k) and highly customizable and compatible with all major browsers.

    Flexible Nav jQuery library

    jquery flexible navigation menu plugin

    Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. It improves a web pagenavigation and helps to visualize different sections of a document, an article,.. any web page.

    Hover to Reveal Masked Password with jQuery

    jQuery Reveal Masked Password plugin

    I think a hover revealing password could be a really good alternative: You can increase your security, and if you are unsure about what you’ve typed just go and hover over it.So, what we will be doing today is a jQuery plugin to do that, and additionally, we will have a behavior pretty similar to what many mobiles does, where we can see the last character for a couple of seconds. This is a good chance to learn more about plugins, dynamically generated content, and some good coding practices.

    Content Rotator with jQuery

    jQuery Content Rotator

    Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.

    A Simple Good Looking Context Menu in jQuery

    jQuery Context Menu

    Yes, there are loads of context menu plugins already. But they require a fair amount of work to make them look good.This one is easy to use, small, and looks good.

    Features

    • Tiny library. Only dependency is jQuery.
    • Simple API.
    • Looks good out of the box, with no additional tweaking.
    • Designed to look and behave like a standard Windows context menu.
    • There’s so little code, it should be easy to add your own custom features.

    jQuery credit card validation plugin : Smart Validate

    jQuery credit card validation plugin : Smart Validate

    Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate supports the following credit cards.

    • American Express
    • Master Card
    • Visa Card
    • Diners Club
    • Discover

    The plugin can be easily extended to support other credit card types.