Trigger CSS Animations Based On Element’s Position – Trig.js
A simple and lightweight AOS (animate on scroll) library that applies custom CSS3 animations and transitions to elements as they scroll into view.
Animation
Add Custom Spotlight Effects to Mouse Movements – gradient-cursor
Add a dynamic gradient cursor to your website with the gradient-cursor JavaScript library. Customize color and size.
Modern CSS Animation Library Using Custom Properties – animate-vanilla.css
A lightweight CSS animation library using CSS variables for easy, declarative control over transitions and scroll/view-based animations.
Animate Numbers On Scroll with the CounterUp.js Library
A tiny JavaScript library that creates smooth, customizable number animations that trigger on scroll.
Minimal Vanilla JS Animate on Scroll Library – AOS-Lite
A lightweight AOS library that creates fade, slide, and opacity animations as elements enter the viewport.
Create Retro CRT Screen Effects with JavaScript and WebGL – CRTFilter
A JavaScript library that adds vintage CRT screen effects to elements using WebGL. Perfect for retro games and vintage UI designs.
Interacitve Animations That Follow Your Cursor Or DOM Elements – watching-you
A tiny yet robust JavaScript library for creating animations that follow things on your webpage.
Create Interactive Pixelated Image Transitions with JavaScript
Use GSAP.js and CSS to create an interactive pixelated reveal effect where images transform when users hover over them.
Add Interactive Masking Effects to Web Pages with Maskify.js
A lightweight JavaScript library for creating dynamic masking effects based on mouse movement.
Add Background Glow to Videos with Ambient.js
A JavaScript library that adds a cinematic background glow to HTML5 videos. Supports live and VTT sprite modes for dynamic lighting effects.