Advertise here

Animation

pageSwitch – Javascript Library to Create Page Switch Effects

January 22, 2016     3067     Effects Animation
pageSwitch – Javascript Library to Create Page Switch Effects

pageSwitch is a javascript library to create page switch effects. It supports 121 switching animations.

Read More »

ProgressBarWars.js – jQuery Animated Star Wars Progress Bar Plugin

December 24, 2015     927     Animation
ProgressBarWars.js – jQuery Animated Star Wars Progress Bar Plugin

ProgressBarWars.js is a tiny(Star Wars Tribute) jQuery plugin that allows you to display an animated horizontal progress meter.

Read More »

CircletPreloader – jQuery Circular Preloader Plugin

November 14, 2015     1987     Animation
CircletPreloader – jQuery Circular Preloader Plugin

CircletPreloader is a lightweight jQuery plugin to create circular preloader animation.

Read More »

Animating an SVG Menu Icon with Segment

November 12, 2015     2173     Menu Animation
Animating an SVG Menu Icon with Segment

A tutorial on how to implement an animated menu icon using SVG and Segment, a JavaScript library for drawing and animating SVG paths.

Read More »

Segment – Javascript Class to Draw & Animate SVG Path Strokes

November 09, 2015     1678     Animation
Segment – Javascript Class to Draw & Animate SVG Path Strokes

Segment is a little JavaScript class to draw and animate SVG path strokes.

Read More »

Digital Write – jQuery Plugin to Write Characters on Matrix with Animation

November 03, 2015     755     Animation
Digital Write – jQuery Plugin to Write Characters  on Matrix with Animation

Digital Write is a jQuery plugin to write characters on a 5X5 matrix with color, animations and size. It can be used in loaders, welcome messages etc.

Read More »

Popmotion – Javascript Motion Engine

October 12, 2015     1725     Animation
Popmotion – Javascript Motion Engine

Popmotion is lightweight JavaScript motion engine. Make it pop with animation, physics, and input tracking.

Read More »

SVG Modal Window with Javascript

September 27, 2015     2854     Animation Modal & Overlay
SVG Modal Window with Javascript

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

Read More »

jQuery DrawSVG

September 11, 2015     6452     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     4214     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     2536     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     4017     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     5006     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     1804     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     1409     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 »

AdvertisementAdvertise with us!