Advertise here

Effects

Flippant.js – Javascript Library for Flipping Elements

May 13, 2015     2059     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 »

Kubist – Transforms an Image Into Cubism-Like Composition

April 29, 2015     2383     Effects
Kubist – Transforms an Image Into Cubism-Like Composition

Kubist transforms an ordinary image into cubism-like composition

Read More »

Overlapping Letters

April 20, 2015     2527     Effects Text & String
Overlapping Letters

Overlapping Letters is a jQuery plugin that automatically adds span tags to letters by using javascript. 

Read More »

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

April 20, 2015     2394     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 »

Wipe Slider – jQuery Rotating Slider with Wipe Effect

April 18, 2015     2542     Slider Effects
Wipe Slider – jQuery Rotating Slider with Wipe Effect

Wipe Slider is a jQuery plugin that creates rotating slider wipe effect using background-size:cover and background-position:center.

Read More »

Motion Blur Effect with SVG and Javascript

April 08, 2015     2268     Effects
Motion Blur Effect with SVG and Javascript

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Read More »

Animated Masonry Gallery with Filters

April 07, 2015     9895     Gallery Effects
Animated Masonry Gallery with Filters

A tutorial about how to create an animated masonry gallery using jQuery and CSS transitions. Beside filter buttons this tutorial features a resize button that make the images arranged in a box or spread across the entire screen and a title that will change after applying a filter.

Read More »

WebSnowjq.js – Snow Fall Effect with HTML5 and Javascript

April 06, 2015     2238     HTML5 Effects
WebSnowjq.js – Snow Fall Effect with HTML5 and Javascript

WebSnowjq.js is a jQuery plugin made using HTML5 and javascript to create a virtual snow fall on a web page. WebSnowjq.jks is compatible with all browsers supporting HTML5. No effort is required to integrate WebSnowjq.js in a website.

Read More »

Prism Effect Slider with Canvas and Javascript

March 31, 2015     2785     HTML5 Effects
Prism Effect Slider with Canvas and Javascript

A tutorial on how to create a slider with a "prism" effect using javascript, HTML5 canvas globalCompositeOperation and a layering technique.

Read More »

Fixed Background Effect with CSS and jQuery

March 25, 2015     4362     Effects
Fixed Background Effect with CSS and jQuery

A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect, with the addition of a navigation to browse through the different sections.

Read More »

reveal-it.js – jQuery Plugin for Animated Fade-In Text Effects

February 25, 2015     4050     Effects
reveal-it.js – jQuery Plugin for Animated Fade-In Text Effects

reveal-it.js is a jQuery plugin that gradually reveals text from left to right to produce a fade-in effect.

Read More »

Geometryangle – jQuery Plugin for Geometrical Backgrounds

January 11, 2015     10055     Effects
Geometryangle – jQuery Plugin for Geometrical Backgrounds

Geometryangle is a jQuery plugin to create fancy geometrical background for websites. Fast frame rate and highly customizable.

Read More »

TheaterJS – Javascript Typing Effect Plugin

January 06, 2015     4257     Effects Text & String
TheaterJS – Javascript Typing Effect Plugin

TheaterJS is basically a javascript typing effect plugin. Its particularity is to mimic human behavior.

Read More »

lazyFade.js – Fades Row of Elements with Lazy Effect

November 30, 2014     2131     Effects
lazyFade.js – Fades Row of Elements with Lazy Effect

lazyFade.js is a jQuery plugin that fades a row of elements with a lazy effect. The fade of each next element gets delayed slightly what gives a precious touch to the whole transition.

Read More »

SVG Morpheus – Material Design Inspired SVG Icons Morphing Effect

November 28, 2014     3381     Effects
SVG Morpheus – Material Design Inspired SVG Icons Morphing Effect

SVG Morpheus is a javascript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.

Read More »