Best jQuery Premium Plugins & Tutorials with Demo

    jQuery DragPan

    jQuery DragPan

    Give your website visitors the ability to navigate a large area of rendered HTML quickly. Usefull for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anywhere where the map would be larger than the users browser.

    Features:

    • Very few images, mostly CSS
    • Includes 19 different customizable options and 3 callbacks
    • Function to move map to position
    • Doesn’t stop user from dragging beyond map, just bounces back till the whole map fills the screen
    • Scrollbars (Colour changable using CSS )
    • Copyright/help message (You choose the message)
    • Restrict to horizontal/vertical panning
    • Customize grab/grabbing cursor
    • Change return animation speed

    jQuery True Parallax

    jQuery True Parallax

    jQuery Parallax has a following features.

    Features:

    • Layered system. Supports as many layers as you need.
    • Supports easing.
    • Adjustable mouse sensitivities in both directions.
    • Supports inverted parallax and custom focus point.
    • Chains/stack of actions support.
    • External control and PLAYBACK support.
    • Parallax cross-linking support.
    • Supports any html code placed in layers.
    • Requires no knowledge to use.
    • Cross browser compatibility.

    J.B.Weather Widget 2.0 in jQuery

    J.B.Weather Widget 2.0 in jQuery

    J.B.Weather (ver 2.0) is a simple widget for displaying weather conditions and forecast for places across the world.

    Features :

    •  jQuery driven
    • uses AJAX technology & Cache
    • Search Bar with auto complete function
    • Ability to set default location
    • Ability to auto detect user location using HostIP service or its own integrated geoip database.
    • Celsius or Fahrenheit units
    • Kilometers or Miles units
    • Displays today’s date, temperature, wind direction and speed, forecast for next 4 days

     

    uSquare – Universal responsive grid html5/jquery

    uSquare - Universal responsive grid html5/jquery

    uSquare is a responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts or anything else that comes to your mind. In our live preview we have included 3 modifications of the original file in order for you to see how uSquare can serve your purpose.

    While we developed uSquare responsive grid plugin we carefully thought about its responsive layout. We wanted to make sure that all elements are visible and accessible with all resolutions for responsive layout.

    TextFX – A jQuery Text Animation Tool

    TextFX - A jQuery Text Animation Tool

    TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with it’s flexible script. TextFX uses jQuery version 1.7.1

    Features:

    • 15 Core Animations
    • 18 Custom Settings
    • Animate text in or out
    • Animate Text Backwards
    • Custom Easing
    • Custom Speeds
    • On start delay
    • Set the offset x and y for your animations
    • Hyperlink any animation
    • onStart and onComplete callbacks with optional params

    jQuery Dashboard Vertical Navigation

    jQuery Dashboard Vertical Navigation

    Looking to give your next web app or custom cms dashboard that edge? If so then this accordion style jQuery dashboard menu will do just that.Impress your users with the modern dark design whilst giving them the best possible experience.

    This script comes with the choice if 6 different colours and is very simple and easy to implement.

    Picanim – jQuery image hover effect pulgin

    Picanim - jQuery image hover effect pulgin

    Picanim is jQuery plugin used to bring stylish image hover.

    Features:

    • 27+ unique hover effects
    • include: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional…
    • small size,just 3kb after gziped
    • cross browser
    • you can easliy config the effect with a lot of options
    • also support the img tag with a specific width or height
    • easy to use
    • can show tooltip on image
    • with mouseout reverse effect

    HoverTransitions – jQuery animated hover effects

    HoverTransitions - jQuery animated hover effects

    HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of them according to different patterns and effects. The effects occur when events are performed. All animations are highly customisable.