Popmotion

Popmotion is a lightweight 12kb JavaScript motion engine that makes creating engaging user interactions quick and simple.

It provides powerful actions like tweening, physics and user input tracking, and has inbuilt renderers for CSS and SVG, amongst others. New actions and renderers are easy to develop, making it extremely flexible.

FEATURES

Tiny: Only 11.7kb gzipped/minified Tween: Stagger, timelines and cubic bezier easing Physics: Velocity, friction and spring simulations Input: Native mouse and touch support Renderers: CSS, DOM attribute, SVG and path drawing Open render loop: Frame-sync and schedule any task at discrete render steps Complex value types: Colors, path definitions and more Extendable: Add easing, inputs, actions and render adapters Plugins: Inertia, Scroll To, A-Frame and Three.js adapters