GreenSock-JS - GreenSock's GSAP JavaScript animation library (including Draggable).

•    Javascript

---

GSAP is a JavaScript library for creating high-performance animations that work in every major browser. No other library delivers such advanced sequencing, reliability, API efficiency, and tight control while solving real-world problems on over 4 million sites. GSAP works around countless browser inconsistencies; your animations 'just work'. CSS properties, SVG, canvas libraries, custom properties of generic objects, colors, strings...animate anything! At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy. It's up to 20x faster than jQuery! See the "Why GSAP?" article for what makes GSAP so special. Unlike monolithic frameworks that dictate how you structure your apps, GSAP is completely flexible; sprinkle it wherever you want. React, Vue, Angular or vanilla JS - doesn't matter. Simply put, GSAP is the most robust high-performance animation library on the planet, which is probably why every major ad network excludes it from file size calculations.

animation tweenlite tweenmax timelinelite timelinemax gsap greensock easing easepack pixiplugin customease jquery.gsap.js bezier svg 3d 2d transform morph morphing tweening

TweenKit - Animation library for iOS in Swift

•    Swift

---

Create an instance of ActionScheduler to run your animations. You should retain the scheduler, so it's best made as a property on your View Controller. TweenKit's animations are composed of 'Actions'. These are small animation units that can be chained or grouped to build complex animations. Once you have created an action, you can tell the scheduler to run it.

ios animation tween tweening uiview onboarding bezier

tweezer.js - A small, dependency-free, ES6 library for smooth animations.

•    Javascript

---

A small, dependency-free, ES6 library for smooth animations. Demo. Tweezer.js is the last tweening library you'll ever need. It provides the building blocks for any animation, allowing you to construct beautiful animations simply and without the need of requiring lots of other dependencies like smoothScroll, countUp.js, and GSAP.

tweening smooth-animations easings tweezer smooth-scroll tween counter easing

Easing Library For Lua

•    

---

Easing For Lua is a Library which brings easing effects to let you create realistic animations using Lua Programming Langage

animation easing tween tweening

tweenr - Interpolate your data

•    R

---

tweenr is a small package that makes it easy to interpolate your data between different states, specifying the length of each change, the easing of the transition and how many intermediary steps should be generated. tweenr works particularly well with gganimate but can be used for any case where interpolation of data is needed. All functions are vectorized so in any case you'll get better performance than using approx and colorRamp. tween_states takes a list of data.frames, each representing a state of your data, and interpolates the transition between them. Only the first data.frame needs to be full, the following only needs to contain the columns that shows any change. It is possible to specify the length of each individual transition, as well as the length of the pause at each state. Each transition can also have an easing function assiciated with it that describes how the transition should progress.

rstats animation plotting transition tweening

eases - a grab-bag of modular easing equations

•    Javascript

---

This is a grab-bag of Robert Penner's easing equations, most of the code from glsl-easings. Pull requests for optimizations are welcome.Each easing has its own file which can be required individually. The entry point also exports all eases with camelCase, so require('eases/expo-in-out') becomes require('eases').expoInOut.

ease eases robert penner easing easings linear lerp animation tween anim animations tweening tweens function functions expo quint quadratic

keytime - [EXPERIMENT] keyframe animation tools

•    Javascript

---

Modular keyframe-based animation tools. Currently at a work-in-progress/proof-of-concept stage.This does not implement its own loop or play(), pause() methods. It simply allows the developer to retrieve interpolated values at an arbitrary time stamp (which may be in seconds, milliseconds, centuries, or whatever).

key frame keyframe keyframes frames keys animation tween tweening anim animations lerp interpolation interpolating animating tweens ease eases easings function timeline time

tween-ticker - a generic tween ticker engine

•    Javascript

---

A generic low-level ticker for tweening engines. Stacks tweens and then, on each tick, steps through them to update them to their interpolated (and eased) values.Does not assume any standard set of eases, and uses linear (i.e. no ease) by default.

tick tween tweens anim animation tweening animations vector arrays objects values

tween - Motion tween engine using "ease"

•    HTML

---

Motion tween component using ease. Initialize a new Tween with obj.

tween tweening animation

tina.js - Tweening and INterpolations for Animation

•    Javascript

---

A comprehensive, high performance, easy to use, open source animation library in JavaScript. Note: Do not hesitate to contribute by reporting issues or by submitting your own components and interpolations.

tween tweener tweening animation easing interpolation timeline sequence recorder gsap tweenjs tween.js

between - Between is a ES6 Proxy-based JavaScript animation library with API similar to Cocoa Animation block

•    Javascript

---

Between is JavaScript animation library providing Cocoa-like Animation block. Swap the position of two elements. Just swap their left properties.

animation tweening es6 es6-javascript

vue-tweezing - 💃 Easy, customizable and automatic tweening nicely served in scoped slots

•    Javascript

---

💃 Easy, customizable and automatic tweening nicely served in scoped slots

vue tween animation motion component scoped-slot tweening tween.js js shift shifter change

react-magician - Declaratively animate React components

•    Javascript

---

Declaratively animate React components. React Magician aims to be simple to use, yet flexible and powerful. The current focus is on the API, and making it simple to orchestrate complex animations based on time, touch or mouse. For now we're mostly focusing on making sure the timing API provides everything that's needed.

react reactjs animation tweening transition multiple timeline

tween-chain - a tween timeline or chain

•    Javascript

---

Creates a new tween that chains and groups multiple tweens, allowing you to create a timeline of sorts. The first two tweens (on x and y) run in parallel with a slightly different delays/durations. The third tween runs after the previous y tween is finished, so z won't start tweening until 2s (including its delay).

tween timeline timelines tweening tweens animate animation animated object array ticker tweenr

transformr - Smooth Polygon Transformations

•    R

---

If you've ever made animated data visualisations you'll know that arbitrary polygons and lines requires special considerations if the animation is to be smooth and believable. transformr is able to remove all of these worries by expanding tweenr to understand spatial data, and thus lets you focus on defining your animation steps. transformr takes care of matching shapes between states, cutting some in bits if the number doesn't match between the states, and ensures that each pair of matched shapes contains the same number of anchor points and that these are paired up so as to avoid rotation and inversion during animation. transformr supports both polygons (with holes), and paths either encoded as simple x/y data.frames or as simpel features using the sf package.

rstats animation data-visualization tweening interpolation matching-shapes

react-imation - functional tweening and timeline animation for react

•    Javascript

---

This library provides various composable utilities for creating complex timeline-based animation in a react-y component-driven fashion. Also check out react-track's' demo which combines react-imation tweening with DOM tracking.

react react-native react-component animation tweening easing

kinieta - A Fast Animation Engine with an Intuitive API

•    Swift

---

An extension on UIView that is included in the code will provide the entry point for the animations. The interface object is the Kinieta and there is one for every view. Note: When two synonymous keys (like "bg" and "background") are passed in the same list the most verbose (ie. "background") will win over and the other will be silently ignored.

animation-engine animation-library animations swift4 ios-swift ios graphics-library graphics-engine tweening tween

PICO-Tween - A small library of tweening/easing functions for use in the PICO-8 fantasy console, inspired by Robert Penner's easing functions

•    Lua

---

PICO-Tween is a port of the easing functions developed by Robert Penner. This port was based on the Lua port by EmmanuelOga and optimised to suit the PICO-8 by refactoring to remove unnecessary tokens and making it compatible with the way the PICO-8 handles math functions. Despite being optimised, this library as a whole is still huge. It would be in your best interests to grab only the functions you plan on using, along with their support functions/variables.

pico-8 pico8 lua-library game game-development game-engine game-2d gamedev games game-dev tweening tween easing-functions easings easing

gween - Tween animation library for go with a simple interface.

•    Go

---

Gween (go-between) is a small library to perform tweening in Go. It has a minimal interface, and it comes with several easing functions. Creates a new tween.

golang-library tween tweening easing-functions