# Animation scripting library

> AI-ranked search results for `animation scripting` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 108 total matches; showing the top 30.

Explore on the web: https://awesome-repositories.com/q/animation-scripting

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/animation-scripting).**

## Results

- [react-spring/react-spring](https://awesome-repositories.com/repository/react-spring-react-spring.md) (29,110 ⭐) — react-spring is a declarative animation framework for React that drives visual transitions through state-driven declarations. It functions as a motion engine where animations are defined as target values pursued by a physics engine based on application state.

The library utilizes a spring physics engine to calculate natural movements by simulating mass, tension, and friction instead of relying on fixed durations. To maintain high frame rates, it updates DOM elements directly via references to bypass the standard React render cycle.

The framework covers physics-based motion and state-driven t
- [plus1tv/react-anime](https://awesome-repositories.com/repository/plus1tv-react-anime.md) (1,563 ⭐) — React-anime is a declarative motion framework designed to integrate animation capabilities into component-based user interfaces. It functions as a library for animating CSS, SVG, and DOM properties by mapping component properties directly to animation states, allowing developers to define motion through a component-based architecture.

The library distinguishes itself through its ability to manage hierarchical animation sequences and automated lifecycle transitions. It provides tools to orchestrate complex, nested motion effects and handles the entrance and exit of elements as they are added t
- [theatre-js/theatre](https://awesome-repositories.com/repository/theatre-js-theatre.md) (12,476 ⭐) — Theatre is a motion graphics and animation library designed for the web. It functions as a declarative state animation engine that manages the properties of visual elements over time, allowing developers to create complex, time-based sequences and interactive motion graphics directly within the browser.

The framework distinguishes itself through its focus on audio-synced animation, providing tools to coordinate visual motion sequences with external sound files. By utilizing a declarative animation graph and keyframe-based property interpolation, it enables the creation of rhythmic, music-driv
- [airbnb/lottie-web](https://awesome-repositories.com/repository/airbnb-lottie-web.md) (31,926 ⭐) — This project is a cross-platform animation engine and vector animation player designed to render complex motion graphics within web browsers. It functions as a declarative motion framework, allowing developers to decouple visual design from application logic by using structured data files to define sophisticated animations.

The library distinguishes itself by offering multiple rendering paths, including native support for vector graphics through the browser document object model and raster-based drawing via canvas elements. It utilizes a dedicated property interpolation engine to calculate ke
- [motiondivision/motion](https://awesome-repositories.com/repository/motiondivision-motion.md) (32,375 ⭐) — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments.

The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
- [pmndrs/react-spring](https://awesome-repositories.com/repository/pmndrs-react-spring.md) (29,115 ⭐) — React-spring is a physics-based animation library designed to create fluid, natural motion for user interface elements and three-dimensional objects. It functions as a declarative motion framework that maps state changes to animated property values, utilizing spring physics—defined by mass, tension, and friction—rather than traditional time-based easing functions to calculate transitions.

The library distinguishes itself through a rendering-agnostic architecture that decouples animation logic from specific UI frameworks, allowing for consistent application across web interfaces, 3D scenes, an
- [facebook/rebound](https://awesome-repositories.com/repository/facebook-rebound.md) (5,392 ⭐) — Rebound is a Java motion framework and physics engine designed to create natural physical movement in user interface animations. It functions as a spring physics library that models forces and oscillations to drive fluid interface transitions.

The framework implements interactive motion design by simulating real-world spring dynamics and physical forces rather than using linear transitions. This allows for the creation of organic motion within Java applications.

The engine handles physics-based animation through spring-based simulations, employing discrete time-step integration and frame-ind
- [animatedjs/animated](https://awesome-repositories.com/repository/animatedjs-animated.md) (1,845 ⭐) — Animated is a declarative framework designed for creating high-performance, cross-platform interface movements. It provides a system for defining complex UI transitions through property interpolation, value mapping, and physics-based motion, allowing developers to orchestrate fluid visual effects without manual frame updates.

The library distinguishes itself by offloading animation instructions to the native UI thread, ensuring consistent performance across mobile and web environments. It supports sophisticated motion design by linking multiple animation variables together, enabling coordinat
- [nitin42/animate-components](https://awesome-repositories.com/repository/nitin42-animate-components.md) (907 ⭐) — Animate Components is a motion framework that provides a collection of declarative primitives for managing visual transitions and animation sequences within web applications. It functions as a component-based library designed to standardize motion behavior, ensuring that interface elements move and transition consistently across different parts of a project.

The library distinguishes itself through a framework-neutral architecture that bridges animation logic with various component models. By utilizing a declarative interface, it allows developers to compose complex motion patterns and synchr
- [framer/motion](https://awesome-repositories.com/repository/framer-motion.md) (32,388 ⭐) — 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/gsap](https://awesome-repositories.com/repository/greensock-gsap.md) (23,877 ⭐) — GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion.

The library distinguishes itself through a modular, plugin-based extensib
- [julianshapiro/velocity](https://awesome-repositories.com/repository/julianshapiro-velocity.md) (17,217 ⭐) — Velocity is a JavaScript animation library used to create high-performance CSS and SVG animations. It functions as a CSS property interpolator and a spring physics engine, enabling the creation of smooth visual transitions and organic movement for web elements.

The project provides a programmatic interface for modifying vector attributes and 3D transformations through its SVG animation framework. It further distinguishes itself as an animation sequence orchestrator, allowing for the chaining of movements and the staggering of start times across multiple elements using promises.

The library c
- [wout/svg.js](https://awesome-repositories.com/repository/wout-svg-js.md) (11,796 ⭐) — svg.js is a JavaScript library and vector graphics API that provides a programmatic interface for creating and modifying scalable vector graphics in the browser. It functions as a lightweight wrapper for the browser DOM to simplify the management of SVG elements and attributes.

The project serves as both a manipulation library and an animation framework, enabling the development of dynamic user interfaces and web vector animations. It covers the creation of motion and visual transitions for vector graphics to produce fluid animations.

The library's capabilities extend to vector graphic visua
- [mojs/mojs](https://awesome-repositories.com/repository/mojs-mojs.md) (18,710 ⭐) — This project is a declarative animation library and high-performance engine designed for creating fluid, interactive vector motion graphics on the web. It provides a specialized framework for defining, rendering, and orchestrating complex visual sequences, including custom geometric shapes and dynamic property transitions.

The library distinguishes itself through a robust particle system framework that generates explosive or organic visual effects by emitting multiple shapes with randomized trajectories and paths. It utilizes a master timeline controller to synchronize independent animation i
- [popmotion/popmotion](https://awesome-repositories.com/repository/popmotion-popmotion.md) (20,171 ⭐) — Popmotion is a JavaScript animation library and declarative motion engine designed for creating programmatic motion and interactive transitions within web user interfaces. It provides a functional animation API that allows developers to define complex animation sequences through configuration objects rather than manual frame management.

The engine utilizes a functional approach to animate user interface elements, implementing spring-based physics simulations to mimic real-world momentum. It employs interpolation-based value mapping and functional transformations to translate animation progres
- [chenglou/react-motion](https://awesome-repositories.com/repository/chenglou-react-motion.md) (21,921 ⭐) — react-motion is a physics-driven animation toolkit and library for React applications. It provides a system for creating fluid user interface transitions by simulating natural spring movement to move elements toward destination values using stiffness and damping parameters.

The framework manages the visual entry and exit of components as they mount and unmount within the document structure. It coordinates complex motion patterns, including staggered animations and fluid transitions for items being added, removed, or reordered within dynamic lists.

The library covers a broad range of animatio
- [michaelvillar/dynamics.js](https://awesome-repositories.com/repository/michaelvillar-dynamics-js.md) (7,573 ⭐) — dynamics.js is a physics-based JavaScript animation engine designed to create spring and bounce animations. It utilizes the browser animation frame loop to ensure motion is synchronized with the refresh rate.

The engine includes tools for animation debugging, allowing users to slow down or freeze active motions to tune parameters. It also features a timing mechanism that executes callbacks synchronized with the animation frame rate to prevent visual stuttering.

The project provides a physics solver based on mass, stiffness, and damping constants. Additionally, it includes a utility for apply
- [anijs/anijs](https://awesome-repositories.com/repository/anijs-anijs.md) (3,902 ⭐) — AniJS is a JavaScript animation library and DOM element animation engine used to orchestrate visual transitions and motion effects on HTML elements. It functions as a tool for composing animated web components, such as modals and menus, to improve the visual flow of user interfaces.

The library utilizes a declarative approach to web interface animation, allowing for the application of visual styling and motion effects without requiring manual code for every transition. It enables the creation of interactive UI components that respond to user actions through a system of triggered element anima
- [greensock/greensock-js](https://awesome-repositories.com/repository/greensock-greensock-js.md) (25,916 ⭐) — 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
- [adobe-webplatform/snap.svg](https://awesome-repositories.com/repository/adobe-webplatform-snap-svg.md) (14,012 ⭐) — Snap.svg is a JavaScript library for creating, manipulating, and animating scalable vector graphics directly in the web browser. It functions as a browser-based SVG generator and vector graphics manipulation tool, providing a framework to programmatically generate complex drawings and masks.

The project serves as an animation engine for transitioning visual properties and attributes over time to create motion. It enables the development of dynamic SVG content, including the ability to animate viewboxes, matrices, and polygon points.

Its capability surface covers geometric calculations and th
- [svgdotjs/svg.js](https://awesome-repositories.com/repository/svgdotjs-svg-js.md) (11,796 ⭐) — svg.js is a JavaScript library and toolkit for programmatically creating, modifying, and querying Scalable Vector Graphics in the browser. It functions as a programmable interface and DOM wrapper that allows developers to manipulate vector elements through a standardized API rather than writing raw XML.

The library includes a dedicated animation framework for creating fluid motion and visual transitions. This is supported by tools for path morphing and the use of timelines and easing functions to animate vector graphics.

The toolkit covers a broad range of capabilities, including geometric t
- [facebookarchive/keyframes](https://awesome-repositories.com/repository/facebookarchive-keyframes.md) (5,294 ⭐) — Keyframes is a cross-platform animation library and playback engine designed to render Adobe After Effects shape animations as high-quality vector graphics on mobile devices. It functions as a vector animation player that executes complex path and shape animations using a JSON-based data format, removing the need for rasterized video files.

The system enables the conversion of shape-based animations from After Effects into a portable schema for delivery across both Android and iOS platforms. This ensures visual consistency by utilizing a shared framework to render the same vector animation da
- [software-mansion/react-native-reanimated](https://awesome-repositories.com/repository/software-mansion-react-native-reanimated.md) (10,674 ⭐) — This project is a cross-platform animation library for React Native that provides a declarative engine for building high-performance user interfaces. It functions by offloading animation logic and interaction processing to the native UI thread, ensuring that visual transitions remain smooth and responsive even when the main application thread is under heavy load.

The library distinguishes itself through a specialized architecture that transforms standard functions into units capable of executing directly on the native thread. It utilizes shared-memory synchronization to maintain consistent da
- [sghall/react-move](https://awesome-repositories.com/repository/sghall-react-move.md) (6,564 ⭐) — React Move is a declarative animation library for React that animates components by interpolating between start and end states with configurable timing and easing. It provides data-driven transitions for single elements, groups, lists, and SVG elements, supporting staggered timing, custom interpolation for non-numeric values like colors and paths, and drag-and-drop reordering of list items.

The library distinguishes itself through its support for custom interpolation functions that replace default numeric interpolation, keyed array reconciliation for tracking items as they enter, update, or l
- [web-animations/web-animations-js](https://awesome-repositories.com/repository/web-animations-web-animations-js.md) (3,774 ⭐) — 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.
- [3b1b/manim](https://awesome-repositories.com/repository/3b1b-manim.md) (87,664 ⭐) — Manim is a Python-based computational geometry framework designed for programmatic video production. It functions as a mathematical animation engine, allowing users to generate high-fidelity visual content by scripting scene definitions rather than using traditional timeline-based editing software. The library is built to translate code-based instructions into precise, frame-accurate animations, making it a tool for explaining complex mathematical functions, geometric proofs, and abstract theories.

The engine distinguishes itself through a declarative scene graph that organizes visual element
- [oblador/react-native-animatable](https://awesome-repositories.com/repository/oblador-react-native-animatable.md) (9,955 ⭐) — This project is a cross-platform mobile animation library and component wrapper that enables movement and style transitions for mobile UI elements. It functions as a keyframe animation engine and a preset motion library, allowing developers to apply visual effects to components through a declarative API.

The library provides a set of built-in entrance, exit, and alert effects for rapid implementation. It also supports the definition of custom motion sequences and unique keyframes to create repeatable, branded visual experiences.

The system covers a range of motion capabilities, including the
- [manimcommunity/manim](https://awesome-repositories.com/repository/manimcommunity-manim.md) (39,029 ⭐) — Manim is a scriptable, code-driven framework designed for generating precise technical visualizations and mathematical animations. By using a high-level programming interface, it allows users to define geometric shapes, motion paths, and animation logic that are compiled into high-quality video assets. The system functions as a specialized engine for creating reproducible, data-driven representations of complex mathematical concepts and geometric transformations.

The framework distinguishes itself through an interpolation-based engine that calculates intermediate states between keyframes to e
- [remotion-dev/remotion](https://awesome-repositories.com/repository/remotion-dev-remotion.md) (50,931 ⭐) — Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution.

The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow
- [juliangarnier/anime](https://awesome-repositories.com/repository/juliangarnier-anime.md) (69,932 ⭐) — 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