barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website's pages.
Pilpil is a tiny, pure JavaScript library for Progressive Image Loading with a blur effect to reduce the page load time; as seen on Medium.
A library of animated transition effects, powered by CSS Animations and jQuery.
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
A tutorial about how to create a simple multi-layered illustration with depth that transitions into the content in a unique way.
A tutorial about creating an ink bleed transition effect, powered by CSS animations and jQuery
normalmap.js is a library for creating simple interactive lighting effects using normal maps.
Elastic Circle Slideshow is a very simple content slideshow with circular slides and an elastic, bouncy navigation effect.
pageSwitch is a javascript library to create page switch effects. It supports 121 switching animations.
Material Photo Gallery is a javascript photo gallery plugin inspired by Google Photos.
There are three main processess that take place in this plugin. The first is detecting when the images are loaded, the second is the layout of the images, and the third is the animation of the images.
jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.
A jQuery plugin to create Material Design hierarchical display animation effect.
StackBlur.js is a fast, almost Gaussian blur for canvas. It's based on implementation of StackBlur algorithm.
Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.
