Best jQuery Animation Plugins & Tutorials with Demo

Cannon.js : JavaScript 3D Physics Engine

Cannon.js : JavaScript 3D Physics Engine

A lightweight 3D physics engine written in JavaScript. Inspired by three.js and ammo.js, and driven by the fact that the web lacks a physics engine, here comes cannon.js. The rigid body physics engine includes simple collision detection, various body shapes, contacts, friction and constraints.

Features:

  • Rigid body dynamics
  • Discrete collision detection
  • Contacts, friction and restitution
  • Constraints
    • PointToPoint (a.k.a. ball/socket joint)
    • Distance
    • Hinge (with optional motor)
    • Lock
    • ConeTwist
  • Gauss-Seidel constraint solver and an island split algorithm
  • Collision filters
  • Body sleeping
  • Experimental SPH / fluid support
  • Various shapes and collision algorithms

iTyped : Dead simple Javascript Animated Typing

iTyped : Dead simple Javascript Animated Typing

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use.

sparkleHover.js : jQuery Animated Sparkles Plugin

sparkleHover.js : jQuery Animated Sparkles Plugin

sparkleHover is a jQuery plugin to add sparkles to anything on hover.

CSS Animated Letters Effect

CSS Animated Letters Effect

Short and funny phrases using CSS3 to make the animation.

Progress Nav : CSS Animate Mark on Scroll

Progress Nav : CSS Animate Mark on Scroll

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

Scroll to Style jQuery Plugin

Scroll to Style jQuery Plugin

scrollToStyle is a versatile tool that lets you manage CSS properties of elements using the page scroll.
You will be able to compel the elements move, change their size, color, opacity, background and many other properties.

Features:

  • Management absolutely all the properties of a numeric value
  • Browser Support depends only on selected properties
  • It manages multiple properties of the same element
  • Management fractional property values and control the number of decimal places
  • Fixing of the screen during an animation
  • Animation range control

Mirror Effect with CSS & JavaScript

Mirror Effect with CSS & JavaScript

Today we’d like to share a little effect with you that you might have already stumbled upon on the Web. It’s a kind of a mirror effect as seen on sites like Corentin Fardeau and Method.

Block Reveal Effects with CSS & JavaScript

Block Reveal Effects with CSS & JavaScript

Today we’d like to share a couple of ideas for a kind of block reveal effect that has been used in some designs recently. The main idea is to reveal content in a schematic box look. The effect first shows a decorative block element being drawn and when it starts to decrease its size, it uncovers some content underneath.

Create CSS Glitch Effect with CSS

Create CSS Glitch Effect with CSS

In this tutorial we will recreate a simple glitch hover effect using pure CSS.

Christmas 3D : jQuery Site Decoration Plugin

Christmas 3D : jQuery Site Decoration Plugin

Christmas 3D is a premium multi-purpose jQuery library for smart, fast, modern and comfortable site decoration.There are over 15 different images, control of any speed and direction available for your choice!

Christmas 3D are responsive to any site with natural and intuitive effects. It uses cutting edge technologies to provide the smoothest experience that’s possible, and it comes like easy installable JavaScript library.



Best jQuery websites design awards