Best jQuery Premium Plugins & Tutorials with Demo

    FormMapper : Address Autocomplete & Geolocation with jQuery

    FormMapper : Address Autocomplete & Geolocation with jQuery

    An advanced jQuery plugin that utilizes the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide a single input field that lets you search for locations with an autocomplete dropdown. Optionally: you can add a map container that will display an interactive map with drag and drop location finding capabilities and a form that will be populated with the complete address details including the latitude and longitude coordinates.

    CSS3 Buttons Generator with jQuery

    CSS3 Buttons Generator with jQuery

    Use this powerful Generator to generate your own buttons for all your websites. No Image needed.This pack is easily customization, you can change more than 20 parameters, as radius, size, color, border parameters, text parameters etc. in a very easy way.

    Features:

    • No images requried
    • Oncly CSS
    • Fully and easy customisable
    • 20 customisable parameters
    • Only 3 easy steps to follow
    • Compatible with all browsers
    • No plugin needed
    • Instructions & example included

    jQuery Image Crop

    jQuery Image Crop

    A cropper for when you need images to be a specific size. It works using a predetermined aspect ratio. The UI differs from other croppers, here you may drag the image into position and even resize it.

    Features:

    • Works in all the major browsers, including IE8+ and mobile.
    • Minimal code. Doesn’t require jQuery UI.
    • The UI differs drastically from traditional image croppers.
    • Idiot-proof. I’ve added precautions to insure the computer illiterate don’t break it. For example, if the image proporations do not scale to the predetermined aspect ratio, then the image will automatically zoom in until it does scale.
    • Aspect ratio is easily changable through CSS. You haven’t got to touch any JavaScript.
    • Crop coordinates are sent to a .php file, where the image is cropped using imagemagick.
    • Custom styles. The code is barebones, it’s very easy to style.

    bgStretcher jQuery Background Resizer & Slideshow

    bgStretcher jQuery Background Resizer & Slideshow

    bgStretcher (Background Stretcher) is a jQuery plugin for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area.

    Features:

    • Proportionally Resizes Background Images
    • Lightweight jQuery Plugin
    • Unobtrusive Script & Simple to Setup
    • Works with Any Screen Resolution
    • Compatible with All Modern Browsers
    • Easy to Integrate with Popular CMS’s
    • Support Single or Multiple Images
    • Advanced Slideshow Features
    • Control Speed and Duration
    • Multiple Transition Effects
    • Resize Animation Available
    • Over 20 Configuration Options

    Strapslide : jQuery Responsive Bootstrap Slider Plugin

    Strapslide : jQuery Responsive Bootstrap Slider Plugin

    Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos and captions paired with simple, modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

    Features:

    • jQuery 1.7 – jQuery 2.x Supported
    • Based on Bootstrap
    • CSS3 Transition library
    • Touch Enabled
    • Responsive
    • Pause on Hover
    • Dynamic Pagination
    • Keyboard Navigation
    • HTML5 Support to play self hosted videos
    • Animation of each Caption element
    • Powerful CSS Transitions with jQuery FallBack
    • Adapts to Bootstrap spans
    • Set Fullscreen YouTube and Vimeo Videos

    Royal 3D Carousel in JavaScript & CSS3

    Royal 3D Carousel in JavaScript & CSS3

    Fully responsive 3D carousel that allows to display media or HTML content with an unique and original layout. It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors.

    Features:

    • responsive / fixed and fluid width.
    • Support for images and HTML content.
    • Support for multiple categories and each category can have it’s own set of thumbnails.
    • Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.

    Narsis Cover : jQuery CSS3 Image Hover Animation Effect

    Narsis Cover : jQuery CSS3 Image Hover Animation Effect

    Narsis cover is highly customizable CSS3 animation effects for image hover.These Animations is carefully designed with attention to the details. Your visitors will love theme.

    Features:

    • 50 Animation Effect
    • 13 Color Schemes
    • We use FontAwesome for icons so you can use more than 360 icons for your menu.
    • All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.
    • Cross-browser compatible, IE7 included.
    • Fully Customizable

    Metro Modal with jQuery & CSS3 Animation

    Metro Modal with jQuery & CSS3 Animation

    Metro Modal, is a jQuery plugin that creates or turn DIVs into modal popups in metro style.The modals are draggable, has controls to Maximize, Close and Restores, basic fadeIn/fadeOut animation for old browsers that has no support for css3 animations.

    Features:

    • There are 19 properties that you may change.
    • 23 different animations.
    • Responsive design
    • Resize window, also resizes de modal if is needed, animation to move around to the new screen location.
    • Support iFrames and custom HTML code
    • Support multiple color background with animations, works with HTML color pallet.

    CSS Gradient Generator with jQuery

    CSS Gradient Generator with jQuery

    This is CSS Gradient Generator that you can use in your site to generate CSS Gradient that is cross browser and provides the CSS gradients with all the suffixes.

    It gives you the power of that CSS Gradient generator in Adobe Photoshop. You can use it to generate your code in your admin control panel to edit the gradient visually.

    Features:

    • Cross browsers. 2- 50+ predefined presets.
    • 2 themes (Dark & Light).
    • Linear & Radial gradients.
    • Generates TRANSPARENT steps.
    • Very easy to use and to work with.
    • Uses RGB, RGBA, HSL, HSLA, HEX.
    • CSS3 Gradient for all the BROWSERS.