Best jQuery Premium Plugins & Tutorials with Demo

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.

Ken Burns : jQuery Slider Effect Fully Responsive

Ken Burns : jQuery Slider Effect Fully Responsive

Ken Burns a jQuery Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please see the features and check the live preview of this slider and convince yourself of its quality.

Ken Burns Sliders Full Collection includes 4 versions:

– Fixed Dimensions Slider
– Full Width Slider
– Full Screen Slider (it can be used as FullScreen Background or Fullscreen Gallery)
– SideBar Sliders/Mini-Galeries

RingShare: best way to share your content in jQuery

RingShare: best way to share your content in jQuery

RingShare could be apllied to any html element and could be customized for your own needs. and works in all recent browsers: Firefox, Chrome, Opera, Safari and Internet Explorer 7,8,9 as well as Mobile Safari on iPhone/iPad.

Features

  • Easy to integrate
  • Cross browser support
  • Customizable
  • Documentation & Example included

jQuery Push Menu

jQuery Push Menu

A new style animted menu in jQuery with following features :

  • Cross Browser Compliant – IE9 , FF3+,Opera, Safari, Chrome
  • Mobile Ready – Works in mobile browsers.
  • Sliding Sub menu level items.
  • Animating open sub menu when hovering over top nav-links.
  • Auto resizing sub-menu container based on sub-menu content.
  • Adjustable parameters: easing,speed
  • Easily embed videos/images/forms etc.

Zuper Responsive Multitouch Slider in jQuery

Zuper Responsive Multitouch Slider in jQuery

Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML markup into a beautiful elegant slider. When we create the Zuper Slider is lightweight, fast loading, mobile ready, responsive, easy to use,has multiple skins and much more. Zuper Slider is the most complex and powerful slider that you can use. Saves development time – Powerful features – Simple implementation – Fully customizable.

Mobile Ready Zuperslider is mobile ready. Touch gestures navigation for iOS, Android and other touch devices. Its main feature is that has the touch technology implemented for mobile devices.

jQuery Awesome Nishtyak Gallery

jQuery Awesome Nishtyak Gallery

Beautiful customizable jQuery carousel.

Features:

  • an unique vertical scrolling mode besides standard horizontal one
  • an adjustable number of strings
  • can adjust to the width of a page
  • supports any content
  • autoscroll
  • much more

jQuery pinterest style gallery plugin

jQuery pinterest style gallery plugin

Pinterest style layout gallery is a lightbox support image and youtube, vimeo video.CSS3 driven animation, graceful degradation, it will toggle the fade transition in the old browser.Optional animation transition style.Optional go back animation delay.



Best jQuery websites design awards