Advertise here

Animation

Polaroid Stack to Grid Intro Animation

February 18, 2016     1581     Animation
Polaroid Stack to Grid Intro Animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.

Read More »

Material Scroll Animation with CSS and Javascript

February 06, 2016     4532     Scroll Animation
Material Scroll Animation with CSS and Javascript

Material Scroll Animation is an animation concept for scroll animation in material design.

Read More »

Elastic Circle Slideshow

January 28, 2016     3348     Slider Effects Animation
Elastic Circle Slideshow

Elastic Circle Slideshow is a very simple content slideshow with circular slides and an elastic, bouncy navigation effect.

Read More »

Interactive Bar Graph with CSS and jQuery

January 27, 2016     2060     Chart & Graph Animation
Interactive Bar Graph with CSS and jQuery

An interactive bar graph with animations and information. It's built with CSS and jQuery.

Read More »

pageSwitch – Javascript Library to Create Page Switch Effects

January 22, 2016     3473     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     1139     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     2106     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     2324     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     2021     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     811     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     1913     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     3213     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     6983     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     4667     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     2726     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 »