Displaying 1 to 19 from 19 results

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.

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.

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.

Easing Library For Lua

  •    

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




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.

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.

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).

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.


tween - Motion tween engine using "ease"

  •    HTML

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

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.

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.

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.

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).

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.

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.

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.

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.

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.