It is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.
Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web! For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. They say a picture is worth 1,000 words so here are 13,000.
Popmotion makes it effortless to define slick looking complex animations, it becomes easy to take for granted how much complexity under the hood it’s handling for us, instead of spending countless hours fine tuning animations we can now focus on building out animated UI efficiently with concise, maintainable code.
Responsive and slick progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish.
A lightweight library for manipulating and animating SVG, without any dependencies.
Standard set of easy to use animations and declarative transitions for React Native
Ramjet makes it looks as though one DOM element is capable of transforming into another, no matter where the two elements sit in the DOM tree. It does so by making copies of the two elements (and all their children), setting a fixed position on each, then using CSS transforms to morph the two elements in sync.
cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.
A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more.
It is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications.
It is an animation engine with the same API as jQuery’s $.animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined.
CAAT is a multi-instance director-based scene-graph manager. It is able to render using Canvas, WebGL and CSS with the same code base. Features actors, containers, scene transitions, behaviors, interpolators, paths, custom affine transformation stack, timers, elements lifecycle, etc.
The easiest way of creating animations to show your code in action.
GreenSock Animation Platform
Lightweight, high-performance JS plugin for detecting and manipulating elements in the browser.
It creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!
The easy way to scroll and animate your page.
Highway is a lightweight, robust, modern and flexible library that will let us create AJAX navigations with beautiful transitions on our websites.
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
Makes creating transitions between website pages ridiculously easy.
Timeliner is a graphical graphical tool to help create and prototype animations quickly. It is useful for adjusting variables and checking out how the effects changes over time with keyframing and easing/tweening functions. It may also have some similarities with the timeline component of adobe flash, after effects, edge animate or other animation software.