Best jQuery Premium Plugins & Tutorials with Demo

    jQuery Sort and Order Portfolio Plugin

    jQuery Sort and Order Portfolio Plugin

    jQuery Sort and Order Portfolio Plugin has a following features :

    • Extendable filter and order buttons.
    • Customize CSS3 driven animation, graceful degradation.
    • About 30 kinds animation transition style, different in easeIn and easeOut.
    • Optional reverse order, you can set the order button support it or not.

    jQuery/CSS Vertical Admin Navigation

    jQuery/CSS Vertical Admin Navigation

    Ultra modern and stylish vertical navigation using css and jQuery which would be ideal for your next admin panel and would looks great in an iPad application.

    The navigation uses a jQuery flyout menu to display child items with a cool looking apple-styled textured background.This vertical navigation menu comes in a choice of four colour including lime, blue, pink and orange.

    Content Timeline – jQuery/HTML5/CSS3 plugin

    Content Timeline - jQuery/HTML5/CSS3 plugin

    Content timeline is powerful and lightweight jQuery/HTML5/CSS3 plugin, best for displaying date organized content. It is fully customizable, and easily implementable with any js script, video, flesh etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.

    Features:

    • 11 settings for customizing
    • Keyboard binded
    • 5 class events
    • Included easing effects
    • 7 embedded script control methods
    • Intuitive design
    • Fully flexible
    • Fully interactive timeline

    jQuery Facebook Traffic Driver

    jQuery Facebook Traffic Driver

    This plugin will take your Facebook presence to new heights. Its elegant look and real time stats will make people feel like they are making a difference. Aside from the real time data stream, the like status is stored in a cookie so you have the option of enforcing the user to “like” you before they can access content. You can also set a timer on the popup to show for an set period of time before it hides itself.

    jQuery Dynamic Grid: XML Gallery

    jQuery Dynamic Grid: XML Gallery

    With Dynamic Grid: XML Gallery you can create the image gallery that you want. The script gives you huge control over the layout and animations, and the possibilities are endless. Literally endless – the script is smart enough to generate unique layouts every time it launches, which means a unique experience for your visitors on every page load.

    With the Dynamic Grid engine you have the power to create exactly the layout you need. And if you don’t know what you need, the script comes with solid default settings that create a beautiful and random layout on every page load!

    Expo360º : 360º Product Viewer in jQuery

    Expo360º : 360º Product Viewer in jQuery

    With Expo360° you take showcasing products on your website to the next level. Your customer not only gets a better look and feel of the product that you are presenting, it also is a cool feature on your website that will blow everyone away!.Opposite to existing 360° viewers available online, this viewer doesn’t use Flash and offers great interaction on mobile devices such as iPad and iPhone. What makes it even more unique is the extensive set of configurations possible. It allows you to create a look and feel that will match your online presence perfectly.

    Features :

    • Easy 360° views of your products;
    • Easily change the width and height of the viewer;
    • Loads external images;
    • 100+ XML configurations;
    • Add hotspots to show details;
    • Custom grabhand cursor;
    • Smart zoom functionality with mousewheel support;
    • Optional zoom navigation window;
    • Use as a fancy zoom/pan viewer with a single image.

    Slider Revolution Responsive jQuery Plugin

    Slider Revolution Responsive jQuery Plugin

    Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.

    This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS !

    jQuery Dynamic Grid: The Engine

    jQuery Dynamic Grid: The Engine

    Dynamic Grid is a jQuery plugin for generating an animated, responsive and great looking grid for your content – be it images, news feed, text and what not.

    With the help of some sophisticated algorithms the script fills the grid with cells with (optionally) random heights on every page load, and thus giving the widget a unique layout every time someone loads your page! Additionally, the algorithm is smart enough to prevent cells from being too big for the total size of the widget. Which means at any point in time, there is no cell that is only partially shown or hidden. It just works like it should!

    Number of options:

    • Number of columns
    • Number of rows
    • Random/fixed cell height
    • Padding between columns
    • Fluid/fixed width
    • Height
    • Easing effect
    • Animation speed
    • Animation interval

    iCarousel : jQuery Carousel plugin

    iCarousel : jQuery Carousel plugin

    iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Great for screenshoot slider.

    Features:

    1. Highly Flexible and Customizable.
    2. Multiple instances allowed in a single HTML page.
    3. Works on iOS & Android devices.
    4. Auto slideshow with optional pause on hover.
    5. Easily resizable.
    6. Keyboard support.
    7. Touch support.
    8. 3D & 2D available.
    9. Customizable transition timing function. (easing)
    10. Fast, hardware accelerated CSS3 transitions.
    11. SEO friendly, content is not hidden.
    12. Powerful, documented API — public methods, properties, callbacks.
    13. Each slide can have any html content(except video) and can be any size.
    14. Customizable scroll direction.
    15. Customizable X & Y spaces between slides.
    16. Unlimited slides support.

    Polar Gallery in jQuery

    Polar Gallery in jQuery

    This item is an interactive, animated, Polaroid alike gallery. You can use this plugin to easly build a cool-looking gallery or a stand-alone nice photo.

    • User can navigate throught the gallery using arrow keys.
    • Navigation can be turned off if You do not want it.
    • Photos can be rotated by the given or by the random degree.
    • You can define maximal photo rotation and it’s zoom scale (to do not show the image which doesn’t fit the browser window).
    • Every photo can have it’s title and subtitle.
    • You can define an URL on which user will be redirected after clicking a zoomed photo.
    • Photo’s subtitle can be a link as well.