Advertise here

Animation

jQuery Tip Cards

January 01, 2014     3051     Animation
jQuery Tip Cards

Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. Also several new animation options added so that you can personalize it.

Read More »

tram.js – Cross Browser CSS3 Transitions in JavaScript

January 01, 2014     12183     CSS3 & CSS Animation
tram.js – Cross Browser CSS3 Transitions in JavaScript

tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript - offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.

Read More »

Animated Christmas Tree with JavaScript

December 29, 2013     4904     Animation
Animated Christmas Tree with JavaScript

Just a simple animated christmas tree with javascript. The tree is built of two spirals. It includes 3d projection and background shadow.

Read More »

SVG.js – JavaScript Library for Manipulating and Animating SVG

December 28, 2013     5217     Others Animation
SVG.js – JavaScript Library for Manipulating and Animating SVG

SVG.js is a lightweight JavaScript library for manipulating and animating SVG. Svg.js has no dependencies and aims to be as small as possible.

Read More »

three.js – JavaScript 3D Library

December 23, 2013     9998     Effects Animation
three.js – JavaScript 3D Library

The aim of three.js is to create a lightweight 3D library with a very low level of complexity. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

Features

  • Renderers: WebGL, <canvas>, <svg>, CSS3D, DOM, Software; effects: anaglyph, crosseyed, stereo and more
  • Scenes: add and remove objects at run-time; fog
  • Cameras: perspective and orthographic; controllers: trackball, FPS, path and more
  • Animation: morph and keyframe
  • Lights: ambient, direction, point, spot and hemisphere lights; shadows: cast and receive

Read More »

Perspective Page View Navigation

December 18, 2013     12288     CSS3 & CSS Menu Animation
Perspective Page View Navigation

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.

Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where "views" are shown with animations. Here are small set of effects that take the page and move it in 3D to reveal a navigation.

Read More »

Magic Move – jQuery Plugin to Animate DOM Transitions

October 30, 2013     5095     CSS3 & CSS Animation
Magic Move – jQuery Plugin to Animate DOM Transitions

Magic Move is a jQuery plugin to do transitions between DOM states.

Magic Move is a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser.

Read More »

Minimit Anima – jQuery Plugin to Animate with Transforms and Transitions

October 20, 2013     2694     CSS3 & CSS Animation
Minimit Anima – jQuery Plugin to Animate with Transforms and Transitions

Minimit Anima is a jQuery plugin to animate with transforms and transitions.

It's built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.

Read More »

jQuery Animate Number Plugin

October 19, 2013     3446     Animation
jQuery Animate Number Plugin

jQuery numbers animation plugin, adds 'number' property and step function to jQuery's animate function properties.

Read More »

jQuery Flot Animator

October 17, 2013     3295     Chart & Graph Animation
jQuery Flot Animator

Flot Animator is a jQuery plugin that will add smooth or gradual animations to your Flot charts, Flot Animator will allow you to highlight and draw attention to some charts and/or series by easily adding animation to your existing charts.

Read More »

AnimatedScroll.js – Smooth Scroll to Specific Element

September 16, 2013     3250     Scroll Animation
AnimatedScroll.js – Smooth Scroll to Specific Element

AnimatedScroll.js is a smooth, animated document scroll to a specific element, supporting native jQuery UI easings.

Read More »

tween.js – Javascript Tweening Engine

August 20, 2013     4542     Animation
tween.js – Javascript Tweening Engine

tween.js is a super simple, fast and easy to use tweening engine.

Read More »

On Scroll Header Effects

July 18, 2013     9876     Scroll Effects Animation
On Scroll Header Effects

Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.

Read More »

Animelt – jQuery Plugin for Complex Animations

July 02, 2013     2731     CSS3 & CSS Animation
Animelt – jQuery Plugin for Complex Animations

Animelt is a jQuery plugin that allows you to run complex animations on your web page.

Read More »

Jumble – jQuery Plugin for Jumble Up the Colours of Texts

June 27, 2013     5388     Effects Animation Text & String
Jumble – jQuery Plugin for Jumble Up the Colours of Texts

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)

Read More »