Awesome GitHub RepositoriesJavaScript Animation APIs

This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

Framer Motion is a React animation library and hardware-accelerated motion engine. It provides a suite of systems for managing declarative transitions, automated layout interpolation, and animation states within React user interfaces. The project distinguishes itself through a layout transition orchestrator that automatically interpolates visual changes when elements shift position or size. It includes an interactive gesture system to trigger motion based on drags, hovers, and taps, as well as tools for binding animation progress to scroll positions. The library covers a broad range of motio

GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes, and JavaScript values. It functions as a scroll-driven animation engine and a sequencing system for coordinating multiple animations into a single timeline for precise execution across web browsers. The project provides tools for creating interactive scroll effects by linking animation progress to a user's scroll position. It also includes a responsive animation framework that adjusts behaviors and timing based on media queries to maintain consistency across different device scr

laxxx is a lightweight JavaScript framework for creating scroll-driven animations and DOM element bindings. It functions as a CSS interpolation engine and animation utility that maps numeric driver values to HTML attributes and styles in real time. The framework specializes in linking visual properties to scroll position and velocity, featuring built-in inertia to smooth out transitions and prevent abrupt visual jumps. It utilizes a driver-based system to generate numeric streams from inputs like mouse movement or time, which are then transformed into CSS outputs through easing equations and

tween.js is a JavaScript animation engine and numeric interpolation library. It is designed to calculate intermediate values between a start and end state over time, using easing functions to create smooth transitions for numeric values and object properties. The project functions as both an animation sequence manager and an easing library, allowing for the coordination of concurrent animation groups and the chaining of multiple transitions. It provides tools for managing the rate of change through acceleration and deceleration functions. The library covers a broad range of motion capabiliti

animateplus एक लाइटवेट JavaScript एनीमेशन लाइब्रेरी है जिसे वेबसाइट एलिमेंट्स के लिए हाई-परफॉरमेंस 60 FPS विज़ुअल ट्रांज़िशन और न्यूमेरिक इंटरपोलेशन बनाने के लिए डिज़ाइन किया गया है। यह एक प्रॉमिस-बेस्ड एनीमेशन इंजन के रूप में काम करता है, जो कॉम्प्लेक्स मोशन टाइमलाइन्स और टाइमिंग डिले को सीक्वेंस करने के लिए async await पैटर्न का उपयोग करता है। इस लाइब्रेरी में एक मोशन ब्लर सिम्युलेटर है जो हाई वेलोसिटी की नकल करने के लिए X और Y एक्सिस पर डायरेक्शनल स्पीड ब्लर अप्लाई करता है। यह कलर्स और ग्राफिक प्रॉपर्टीज को स्टेट्स के बीच ट्रांज़िशन करने के लिए न्यूमेरिक इंटरपोलेशन टूल भी प्रदान करता है। यह सिस्टम हाई-परफॉरमेंस एलिमेंट कंट्रोल को मैनेज करता है, जिससे एनीमेशन को सटीक रूप से शुरू, बंद और डिले किया जा सकता है।

This project is a browser animation library and DOM animation engine that serves as a JavaScript polyfill for the Web Animations API. It provides a programmatic interface for driving visual property changes and transitions of document elements within web browsers. The library enables programmatic UI animation and dynamic document styling using keyframes and precise timing configurations. It supports a unified interface for both standard web elements and vector graphics animation.