Best jQuery Animation Plugins & Tutorials with Demo

jstiles : jQuery Animated Tiles Plugin

jstiles : jQuery Animated Tiles Plugin

This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.

As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You also have to include jQuery easing in order to let animations get smoothly executed.

LogosDistort : jQuery Advanced 3d Perspective Distortion

LogosDistort : jQuery Advanced 3d Perspective Distortion

This plugin allows you to (currently) do full-page 3d perspective transforms base on mouse position. There are a lot of options you can tweak to your liking, and I’m looking to develop the application of this effect further.

Scrollissimo : JavaScript Smooth scroll Animations

Scrollissimo : JavaScript Smooth scroll Animations

Javascript plugin for smooth scroll-controlled animations. Scrollissimo animates Greensock’s tweens and timelines on user’s scroll.

Animatic : Advanced WordPress Frontend Animator

Animatic : Advanced WordPress Frontend Animator

Animate your existing stuff in your website and create complex animation composed of your images.

  • Create complex & layered animations composed of multiple images,
  • Integrates right into the Media Manager for easy image placement for animating,
  • Live frontend editing using the Animatic Panel,
  • Very easy to use and intuitive controls,
  • 50+ Animations & transitions,
  • Change values using your mouse,
  • Hardware accelerated animations,
  • Bonus: includes the Animatic Visual Composer element

FlipPhone.js : jQuery plugin for Flipping letters

FlipPhone.js : jQuery plugin for Flipping letters

FlipPhone is a jQuery plugin for ‘flipping’ letters to numbers via CSS3 animations.

Dynamics.js : JavaScript Physics-based Animations Library

Dynamics.js : JavaScript Physics-based Animations Library

Dynamics.js is a JavaScript library to create physics-based animations.

liMarquee : jQuery Marquee Plugin

liMarquee : jQuery Marquee Plugin

Plugin liMarquee is an analog tag «marquee» and as he is not limited to strings and allows you to move (skrolirovat) any elements of a web page – images, text, tables, form elements, etc.

Features:

1. Moving can be set not only horizontally but also vertically (in either direction). 
2. Marquee liMarquee stops when the mouse. 
3. Tickers You can move the mouse, and move on to a comfortable reading or viewing position 
4. Possible Alternative text from an XML file. 
5. The ability to dynamically change the speed, and many others

Crosscover : jQuery Animated background Image Carousel

Crosscover : jQuery Animated background Image Carousel

Carousel for simple background image using jquery and animate.css.

jQuery.hx : Hardware-accelerated Animation library

jQuery.hx : Hardware-accelerated Animation library

A hardware-accelerated animation library for mobile and desktop.hx is a JavaScript animation library that couples the slick animation capabilities of CSS3 with the power and flexibility of JS, making complex animation sequences a breeze. It’s written as a jQuery plugin .

jQuery Cover3D Plugin

jQuery Cover3D Plugin

Create a cover of dvd, xbox, game or book with jQuery, CSS3, easily with a few lines of code.



Best jQuery websites design awards