A tutorial about creating a fullscreen loop effect that shows a fast preview of images when hovering a special menu item. The animations are made using TweenMax
A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.
A lightweight library that can be used for bursting particles effects for button. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
Blotter provides a simple interface for building and manipulating text effects that utilize GLSL shaders without requiring that the designer write GLSL.
Slice Revealer is a reveal effect where animated slices cover and uncover an image.
Anime.js for the animations and Intersection Observer API used for triggering the effects on scroll.
jQuery Pulsate adds a pulsating effect to elements. By animating it you can create a pulsating effect that's useful for focussing attention to a certain part of your webpage in a subtle way.
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
Moving Letters is a collection of cool animated letters and typography effects.
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
Anime.js used for the animations and Charming.js used for some letter effects.
A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments powered by anime.js.