Advertise here

Animation

SVG 3D Tag Cloud jQuery Plugin

February 22, 2016     3007     Animation
SVG 3D Tag Cloud jQuery Plugin

SVG 3D Tag Cloud is a lightweight jQuery plugin that creates a three dimensional tag cloud. Easy to use, no dependencies. No additionals plugins. Fully customizable.

Read More »

Polaroid Stack to Grid Intro Animation

February 18, 2016     1589     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     4601     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     3371     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     2094     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     3506     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     1153     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     2113     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     2333     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     2051     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     821     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     1928     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     3231     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     7075     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     4699     Slider Responsive Animation
Animated SVG Image Slider

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

Read More »