Locomotive Scroll is a simple scroll library that provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
A tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels, included with 5 demos.
Rallax.js is a Vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.
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.
