Animation Category | jQuery Plugins

SVG Modal Window with Javascript

September 27, 2015 3286 Animation Modal & Overlay

A tutorial about creating simple modal window with an SVG background animated using Snap.svg and javascript.

jQuery DrawSVG

September 11, 2015 7421 Animation

jQuery DrawSVG is lightweight, simple to use jQuery plugin to animate SVG paths.

This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties.

Animated SVG Image Slider

August 27, 2015 4837 Slider Responsive Animation

A simple, responsive carousel with animated SVG paths used as transition effects.

jQuery.scrollable – Animated Scroll Elements or Windows

August 24, 2015 2776 Scroll Animation

jQuery.scrollable manages animated scrolling in windows, scrollable elements and iframes. It frees you from handling gotchas and edge cases and offers convenient, flexible options for animation.

Animated SVG Hero Slider

August 17, 2015 4527 Slider Effects Animation

A tutorial about creating full page slider, with animated SVG elements used as transition effects.

Animated Page Transition with CSS and Javascript

July 10, 2015 5391 CSS3 & CSS Animation

An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.

Detecting CSS Animation and Transition End with JavaScript

June 24, 2015 1966 CSS3 & CSS Animation

Detecting the end of CSS animation and transition could be useful if you want to back up some of your JavaScript behavior on CSS. Also jQuery version available too.

Dynamics.js – JavaScript Library to Create Physics-Based Animations

June 22, 2015 1708 Animation

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

You can animate CSS properties of any DOM element. You also can animate SVG properties and any JavaScript object.

Animate Plus – JavaScript Library for CSS and SVG Animation

June 10, 2015 2667 Animation

Animate Plus is a performant JavaScript library that helps you animate CSS properties and SVG attributes. Animate Plus is well-suited for quick UI interactions as well as longer animation sequences on both desktop and mobile.

iconate.js – Transform Your Icons with Trendy Animations

May 22, 2015 2684 Animation

iconate.js is a tiny performant library for cross-browser icon transformation animations in your projects.

Animated Page Transition

May 21, 2015 4704 CSS3 & CSS Animation

A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.

Flippant.js – Javascript Library for Flipping Elements

May 13, 2015 2070 Effects Animation

Flippant.js is a mini dependancy-less UI lib for flipping over DOM nodes.

Features:

Flippant is tiny. It does just enough and no more. It has zero dependencies.
Flippant is easily customized. A couple of arguments, and CSS.
Flippant has a single function: flippant.flip

Animate Transition – Library for Transition Animations Between Blocks

April 27, 2015 2690 Animation

Animate Transition allows you to easily make transition between any two (or more) HTML elements. It can be used in different variety of situations, whatever you want to enhance appearance of your web site or navigate between pages in hybrid mobile application.

jQueryTween – Lightest Tweening Engine for jQuery

April 21, 2015 2271 Animation

jQueryTween is a lightest tweening engine for jQuery. This plugin is a bridge to tween.js and aims to drastically simplify your work. Each script does what it does best, for high performance hardware accelerated animations.