popmotion

Create unique animations and interactions with tweens, physics and input tracking.

Popmotion is:

Tiny: At ~9kb, it's 75% smaller than GreenSock.
Fast: Stands up to popular alternatives in performance tests.
Compatible: Full browser support and preloaded with CSS, SVG and SVG path renderers.
Composable: Actions and output functions can be composed to create complex motion systems.
Advanced: Sophisticated tween and color blending for the smoothest possible motion.
Powerful: Discrete render step scheduling allows full control over each frame.

Installation

In your project root:

npm install --save popmotion

In your javascript module:

import { tween } from 'popmotion';

Download popmotion.global.min.js from our GitHub repo and include it in your HTML document:

<script src="path/to/popmotion.global.min.js"></script>

Popmotion is then available as the global variable popmotion.