#76 · Primary category: Video & Animation

popmotion

animation css javascript-motion-engine motion physics popmotion svg tween

Simple animation libraries for delightful user interfaces

Project last updated:03/12/24

GitHub Stars

20.2K

Forks

665

Contributors

70

License

Other

Why we included this project

Popmotion is a compact JavaScript motion library that stands out by staying deliberately low level. It animates numbers, colors, and string values such as box shadows or SVG path definitions, then hands the output to whatever renderer you already use: CSS, SVG, Three.js, or canvas. The core `animate` function weighs about 4.5kb and works in any JavaScript environment, so it slots into a browser app, a Node process, or a future worklet without pulling in a UI framework. It offers keyframes, spring, and decay animation types, detected automatically from the options you pass, so the code stays short while the motion feels physically plausible. If you want fine-grained control over tweening and spring physics without adopting a React-specific wrapper, Popmotion is a stable, well-tested foundation.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category