node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »



The JavaScript motion engine.

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

Popmotion is:

  • Tiny: At ~10kb, 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.

npm version npm downloads Twitter Follow

Get Started

Full API documentation


npm install --save popmotion

In your javascript module:

import { tween } from 'popmotion';

Get Started

Full API documentation