Best jQuery Premium Plugins & Tutorials with Demo

    iMapper : jQuery/HTML5/CSS3 Image Mapper

    iMapper : jQuery/HTML5/CSS3 Image Mapper

    iMapper – jQuery/HTML5/CSS3 Image Mapper is a simple, yet powerful plugin that lets you select an image of your choice and pin stuff on it. It offers several embedded pins which offer special functionality, as well as the ability to import your own pins with the basic functionality. It is very intuitive and easy to use, and it will take but moments to set up your image with pins and customize the content connected to each of these pins.

    iMapper is a perfect solution if you want to make your contact page a bit more dynamic. It will fit perfectly no matter what your profession is. It can easily be adapted to a health image mapper, product image mapper, contact image mapper etc.

    Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

    Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

    Blades 3D is a responsive and retina ready with CSS3 3D Transforms and CSS3 Transitions.

    Features:

    • Responsive (optional)
    • Retina Ready (optional)
    • Choose to use autoplay and set autoplay delay
    • Automatically randomize the slide order
    • Choose to turn off 3D flip beaviour and switch to “classic” mode
    • Choose from one of 6 different flip rotations or cycle through them all
    • Set “break-apart” thumb spacing
    • Set the number of grid columns and rows
    • Touch-swipe for mobile devices
    • Use as many slogans that will fit
    • Slogans support multiple lines and hyperlinks
    • Use more than one banner on the same page
    • jQuery free (no worrying about jQuery conflicts or having to update to the latest jQuery)
    • Custom settings can be passed through either JavaScript or HTML attributes.

    IcoRoll : jQuery Scroll Navigation System

    IcoRoll : jQuery Scroll Navigation System

    Responsive scroll menu system providing ideal solution for vertical navigation on pc and mobile devices.It connects html id attribute on page with menu, so menu knows where user is on page.

    Features:

    • Responsive
    • Uses touch, mouse and mouse wheel events
    • Easy configuration
    • Easy theme change ( one commented css file )
    • Works on almost all browsers ( only not on IE6 )
    • Supports touch slide effect
    • Is integrated with icomoon icons ( 3800 free and open source icons)
    • Has additional feature – text tooltips to redirect user to different section of page

    jQuery Hidden Panel

    jQuery Hidden Panel

    A jQuery plugin which added the hidden panel to the 4 position of the browser corner. You can use it to display a image gallery or video showcase.

    Features:

    • Support 4 position, top, right, bottom and left.
    • Trigger by click or mouseover.
    • Chainable, works fine with other plugin.

    jQuery Showroom Slider

    jQuery Showroom Slider

    Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from. It uses a syntax similar to having inline CSS style on elements to describe every element’s properties and behavior.

    jQuery Product Filtering and Categorization

    jQuery Product Filtering and Categorization

    Elegant way of product filtering and categorization. Easily editable json driven structure with smooth effects and visualisation.

    Features:

    • Json driven readable database
    • Full screen or limited usage
    • Includes two themes as grey and sephia and psd files
    • Runtime image loading for performance
    • Commented and qualified javascript code with JSLint

    All Around : jQuery Content Slider / Carousel

    All Around : jQuery Content Slider / Carousel

    All Around content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an easy and effective solution for your shop related website as you can display your products in an interesting and eye appealing way. All Around carousel is perfect for almost all type of websites and it can fit perfectly into all business areas. You can display your company services, personal portfolio, sport products, health services, real-estate properties, vacation/holiday offers, cooking recipes and much much more.

    You can adjust the content slider the way you need it or you can choose one of our 6 prepared layouts. The All Around jQuery slider/carousel has tons of options and features that you can set-up. It ranges from auto-play option and vertical/horizontal alignment up to border colors and radius.

    BlueprintUI: jQuery Responsive Modal with CSS3

    BlueprintUI: jQuery Responsive Modal with CSS3

    BlueprintUI Responsive Modal is a super simple fully featured jQuery modal plugin with more than 30 CSS3 powered animation possibilities and 7 home made themes to use it.

    Features:

    • Responsive Design – The layout adpats to the viewing environment.
    • CSS3 Animation – 31 funny and really smooth animations.
    • Themeable – 7 provided themes and simple api to create more.
    • 3D Scaling – If the browser support 3D, you can add a super smooth scaling effect to the overlay.
    • Extensive Documentation – The plugin is provided with an extensive documentation to help you use it

    Lightspot jQuery Slider – Standalone

    Lightspot jQuery Slider - Standalone

    Lightspot Slider is a standalone jQuery plugin that allows you easy and fast to create and control image slider for your page header.

    Features:

    • Uses Image Preloader
    • Image links for further reading (optional).
    • Auto slideshow with pause on hover (optional).
    • Resizable width, height, thumbs width (in pixels).
    • Control number of visible thumbnails
    • Control number of visible right side buttons (can be turned off).
    • Image description box with option for individual background color (optional).
    • Thumbnail description box with option for individual background color (optional).
    • Multiple instances

    Menufication : jQuery Responsive Fly-Out Menu with CSS3

    Menufication : jQuery Responsive Fly-Out Menu with CSS3

    Navigation is one of the most important aspects of a website. The fly-out menu (with inspiration from Facebook) has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website!

    Menufication is a user-friendly, customizable jQuery-plugin to transform your sites navigation to a responsive fly-out menu in Facebook fashion.

    Features:

    • Utilizes CSS3-tranforms for optimal and native-like performance.
    • Swipe to open/close the menu (iOS only in v1.0).
    • Option to only generate the menu on predefined browser sizes.
    • Option to only generate the menu on mobile devices.
    • Support for hierarchical menus.
    • Several options to customize the behaviour of the menu.
    • Only dependency is jQuery.