Best jQuery Premium Plugins & Tutorials with Demo

    jQuery Scroll Content Presenter with CSS3

    jQuery Scroll Content Presenter with CSS3

    It is an extension that allows you to create an unique and beautiful style of navigation , showing the contents of your site through animations and colors to engage your visitors. Scroll Content Presenter builds the navigation menu for you based on the structure of your HTML.

    Features:

    • Vertical and horizontal navigation
    • Custmom scroll
    • Parallax animation
    • CSS3 transitions
    • Built using bootstrap
    • Generate navigation menu for you

    jQuery Smart Responsive Menu with CSS3

    jQuery Smart Responsive Menu with CSS3

    Smart Responsive Menu is powerful dropdown menu solution that will work with mobile devices and different screen sizes. Menu relies on CSS media queries to modify menu display for different resolutions. By default, plugin changes paddings and font sizes for screen resolution higher than 480px. For less than 480px, menu changes from horizontal navigation into vertical and gets hidden behind the menu item.

    Styling Effects:

    • Gradient: with three different gradient styles
    • Rounded: with one class for the rounded display
    • Box Shadow: with one class for the shadow
    • Text Shadow: with two classes for different shadows
    • Transitions: with five different transition effects
    • Menu Links: with three types of characters and arrows

    Metro Notifications jQuery Plugin

    Metro Notifications jQuery Plugin

    Metro Notifications is a jQuery plugin that brings the notifications to a new level.

    You have 5 stylish plugins in one single file.

    • Small Notifications
    • Big Notifications
    • Alerts
    • Inputs
    • Side Panels

    Dynamic Slider : jQuery Flexible Slider Plugin

    Dynamic Slider : jQuery Flexible Slider Plugin

    Dynamic Slider is a flexible slider that allows the customization of all of its components giving the possibility to create a large number of different layouts and configurations. It is lightweight and easy to work with and customize. Some of the features of the slider include:

    • It offers 50 example layouts and using the available settings the user can customize the existing ones or create many more.
    • It offers 2 example themes and the possibility for the user to edit the existing ones or to create new ones.
    • It offers the possibility to slide through drag.
    • It offers the option to display the controls permanently or only on mouse hover.
    • It offers the possibility to turn on auto sliding and the option to pause it on mouse hover.
    • It has 48 different settings.
    • It can have more than 1000 possible layouts.
    • It can have more than 10 000 possible configurations.

    jQuery Facebook Gallery Plugin

    jQuery Facebook Gallery Plugin

    The jQuery Facebook Gallery script allows you to show all your Facebook albums (images) on your website. Please note that this script will only work with Facebook pages that belong to businesses or organization or pages that are registered as fan pages.

    Features:

    • 80 different settings to enable or disable included features
    • Includes a tool-tip and light-box plugin (though it is possible to use your own tool-tip and light-box solutions)
    • Exclude albums and individual images from being shown
    • Possible to translate it into any other language by using provided setting parameters
    • Select between a responsive (fluid width) or static layout (fixed width)
    • Optional two-directional (asc. / desc.) album sorting feature (name / number of images / date album created / date album last updated)

    Hotspotter : Hotspot Maker jQuery Plugin

    Hotspotter : Hotspot Maker jQuery Plugin

    Easily create amazing hotspots on your images with just point & click!

    Features:

    • Different Types of Spots & Tooltips
    • UNIQUE & Amazing Aiming Effect!
    • Tip & Bubble tooltips
    • Change tooltip direction “top, bottom, right, left”
    • Different tooltip animations
    • Change tooltip position relative to spot
    • Activate it on hover , click or make it always active
    • Change spot border radius
    • Make your spot point to a URL
    • Add text or HTML content to tooltips
    • Unobtrusive spots
    • Create spots with your own images!
    • Share your spots “have a direct link to it , when navigating to this link the browser window will scroll down to where the image is located & trigger spot”
    • Fully Responsive

    SlideSelect : jQuery Replace your dropdowns

    SlideSelect : jQuery Replace your dropdowns

    SlideSelect is a script to replace old style <select> dropdowns with a slideable, user-friendly interface. The list of options can be replaced with a list of item names, images and descriptions as you like. You dont have to change any HTML in your code, just call the function on the desired select tag to see it changed. Your forms will be kept safe as well. The script recognizes the “multiple” attribute so you can change multiple selects too. Generated select tags that have previously selected options are just as easy to change because the “selected” option attribute is also supported. You can create horizontal and vertical lists, or grids.

    Features:

    • Replace select dropdowns
    • Custom images and descriptions
    • 3 exclusive themes
    • Custom theme option
    • Create horizontal, vertical slides or grids
    • Supports multiple selects
    • Synchronizes selected options
    • No new HTML to your source
    • No change to your forms

    uLike : Ajax content like system with jQuery

    uLike : Ajax content like system with jQuery

    uLike is a simple and easy to install content like system. You can have a unique like button on each different content element on your page. Each like button is it’s own seperate identity and is stand alone from the others. The system is based on the content’s parent div, the ip of the user, and the page in which it’s on.

    Features:

    • Allow your visitors to like your content!
    • Jquery Plugin utilizing Ajax & php
    • Seperate like buttons for each content area you specify
    • Likes are based on IP address, so, one like for one user
    • Like buttons are based on parent element, ip address, and page

    jQuery Box Accordion Menu – Responsive

    jQuery Box Accordion Menu - Responsive

    You can play around with all its features to make your own.

    • Clean and Modern Look.
    • Only HTML configuration, no javascript configuration needed.
    • 8 Different colors by default.
    • Make your own colors with CSS.
    • Choose the color of your preference and make you own menu.
    • Responsive design (3 different modes).
    • The responsive design is in a different CSS file and its optional.
    • You can make your own themes and apply it easly.
    • Customizable through css.
    • Simple html mark up.
    • Accordion Effect for submenus.
    • Cross browser compatibility.
    • Twitter Bootstrap compatible.

    Responsive Slideshow Photo Gallery Grid with Html5

    Responsive Slideshow Photo Gallery Grid with Html5

    The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible.

    Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries.

    The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8.