Best jQuery Animation Plugins & Tutorials with Demo

Timeline Framework with HTML5 & CSS

Timeline Framework with HTML5 & CSS

AWSM Timeline’ is a pack of super cool and interactive timeline layouts for your website. It is rather a basic framework which you can use to build your own style of timeline layouts by making some basic CSS changes. This documentation will help you to integrate the layout easily into your existing HTML files.

Foxholder : Unique Placeholder Animations with jQuery

Foxholder : Unique Placeholder Animations with jQuery

Foxholder is a Pack of 15 unique placeholder animations with jQuery. Just pick the demo you like most and install on your website in 1 minute!

Create a Dynamic Point Mesh Animation with HTML5 Canvas

Create a Dynamic Point Mesh Animation with HTML5 Canvas

A great tutorial by Dudley Storey where he teaches how to master a dynamic point mesh animation using Canvas.

Cubes Advent Calendar with CSS & JavaScript

Cubes Advent Calendar with CSS & JavaScript

A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.

zMotion.js : Remake of zPath.js without jQuery

zMotion.js : Remake of zPath.js without jQuery

A remake of zPath.js without jQuery and with more features.

Aquarelle : JavaScript Watercolor Effect Library

Aquarelle : JavaScript Watercolor Effect Library

Aquarelle is a library for creating magnificent watercolor effects. You can use Aqaurelle to add a fade-in animation to images and make them look as they are being painted on by smudged drops of paint. Built on top of the 3D canvas library Three.js.

Artsy Media Pop Up Effect with CSS3

Artsy Media Pop Up Effect with CSS3

day we’d like to share some artsy fun with you! We created some proof-of-concepts for simple media pop ups. The idea comes mainly from Forward Festival’s website and Tim Holman’s rad GifLinks project. We adventured ourselves with mix-blend-mode, masks and clip-path.

Gradientify : jQuery plugin for CSS Gradient Transitions

Gradientify : jQuery plugin for CSS Gradient Transitions

A simple jQuery plugin that provides CSS gradient transitions.

Scrolla : jQuery plugin for Reveal Animations when Scrolling

Scrolla : jQuery plugin for Reveal Animations when Scrolling

Scrolla is a jQuery plugin for reveal animations when scrolling.

Inspiration for Letter Effects with Anime.js

Inspiration for Letter Effects with Anime.js

Today we’d like to share some inspiration for letter effects with you. We wanted to explore some simple, creative animations for display typography and large headlines using anime.js. These kind of animations can really enhance a certain message; combining these effects with a fitting font and playing with transforms opens up a huge range of possibilities. We hope this set inspires you and gives you some ideas on how to use an animation library like anime.js for this purpose.



Best jQuery websites design awards