Advertise here

Animation

jQuery DrawSVG

September 11, 2015     7350     Animation
jQuery DrawSVG

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.

Read More »

Animated SVG Image Slider

August 27, 2015     4808     Slider Responsive Animation
Animated SVG Image Slider

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

Read More »

jQuery.scrollable – Animated Scroll Elements or Windows

August 24, 2015     2764     Scroll Animation
jQuery.scrollable – Animated Scroll Elements or Windows

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.

Read More »

Animated SVG Hero Slider

August 17, 2015     4511     Slider Effects Animation
Animated SVG Hero Slider

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

Read More »

Animated Page Transition with CSS and Javascript

July 10, 2015     5381     CSS3 & CSS Animation
Animated Page Transition with CSS and Javascript

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

Read More »

Detecting CSS Animation and Transition End with JavaScript

June 24, 2015     1952     CSS3 & CSS Animation
Detecting CSS Animation and Transition End with JavaScript

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.

Read More »

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

June 22, 2015     1696     Animation
Dynamics.js – JavaScript Library to Create Physics-Based Animations

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.

Read More »

Animate Plus – JavaScript Library for CSS and SVG Animation

June 10, 2015     2656     Animation
Animate Plus – JavaScript Library for CSS and SVG 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.

Read More »

iconate.js – Transform Your Icons with Trendy Animations

May 22, 2015     2679     Animation
iconate.js – Transform Your Icons with Trendy Animations

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

Read More »

Animated Page Transition

May 21, 2015     4692     CSS3 & CSS Animation
Animated Page Transition

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

Read More »

Flippant.js – Javascript Library for Flipping Elements

May 13, 2015     2066     Effects Animation
Flippant.js – Javascript Library for Flipping Elements

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

Read More »

Animate Transition – Library for Transition Animations Between Blocks

April 27, 2015     2686     Animation
Animate Transition – Library for Transition Animations Between Blocks

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.

Read More »

jQueryTween – Lightest Tweening Engine for jQuery

April 21, 2015     2267     Animation
jQueryTween – Lightest Tweening Engine for jQuery

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.

Read More »

cta.js – Animate Your 'Action-to-Effect' Paths

April 20, 2015     2402     Effects Animation
cta.js – Animate Your 'Action-to-Effect' Paths

cta.js or "Call to Animation" is a light-weight performant library to animate your "action-to-effect" paths.

Read More »

CSS3 Progress Bar with jQuery

April 13, 2015     2734     CSS3 & CSS Animation
CSS3 Progress Bar with jQuery

A tutorial on how to write a CSS3 progress bar and add some cool animation, along with a jQuery counter.

Read More »