Swup is a easy to use and flexible page transition library.You can define as many containers to replace, so you can work with the rest for your animation.
A tutorial about creating a set of link hover effects that reveal a thumbnail in different creative ways.
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 how to animate images and videos using curtains.js
Curtains.js allows you to create planes containing images and videos that act like plain HTML elements, with position and size defined by CSS rules.
An article about how to create nifty physics-based background scroll effects for your web pages. Matter.js, an excellent open-source JavaScript framework is used to handle the physics.
Brusher is a lightweight javascript library to create interactive backgrounds.
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).
A tutorial about creating cool animated menu concept using CSS and javascript.
spzoom is a jQuery plugin to create simple hover image zoom. There are some options to custiomize width, height, position, margin of the zoom display area.
Blotter is a javascript API for drawing unconventional text effects on the web.
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.
A tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.
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.
