Freedom251 › Animation Software
Popmotion
What Popmotion is
Popmotion is a free, open-source JavaScript motion library for creating interface animations in browser and Node environments. It supports keyframe, spring, and inertia animation types and can animate numbers, colors, units, complex strings, objects, and arrays. Targets include CSS, SVG, Three.js, and canvas. The functional API is designed for composition, with DOM event listening, pointer and multitouch input, and compositors such as chain, merge, parallel, and stagger. The project is written in TypeScript and reports over 95% test coverage. Its animate function is described as approximately 4.5kb, and functions can be imported individually. Installation options include npm, yarn, a browser bundle, a script include, and CodePen. Popmotion supports major browsers; the FAQ identifies String.endsWith and WeakSet polyfills for legacy IE11. Complex values such as SVG paths or CSS shadows require matching non-numerical formats while animating. Framer Motion is described as a higher-level React API around Popmotion. The Popmotion plan is free.
Who it suits
Popmotion suits JavaScript developers who need composable motion primitives for browser or Node projects. It is useful when targeting CSS, SVG, Three.js, or canvas without a higher-level animation layer.
What it does well
- Supports keyframe, spring, and inertia animations
- Runs in browser and Node
- Targets CSS, SVG, Three.js, and canvas
- Composable event and input APIs
- Open source and free to use
What to know first
- Complex values require matching formats
- Legacy IE11 needs listed polyfills
- No security or compliance details are stated
- It is a low-level library
Plans
| Plan | Billed and limits | Price |
|---|---|---|
| Popmotion | Open source · free to use | Free |
| Individual supporter license | $10 a month · Permissive commercial license for premium React components | $10 a month |
| Company supporter license | $100 or more a month · Permissive commercial license for the entire team · public project sponsorship | $100 a month |
As popmotion.io lists them, read 12 Oct 2026. The maker's own page has the final word.
Verdict
Popmotion provides compact, composable animation primitives across common JavaScript rendering targets. Developers should account for its low-level API and formatting requirement when animating complex values.
Facts from Popmotion's own pages
- Animatable values
- The library can animate numbers, colors, and strings such as CSS values and SVG paths. · github.com, 11 Oct 2026
- Animation types
- Its API includes decay, inertia, keyframes, physics, spring, timeline, and tween animations. · popmotion.io, 12 Oct 2026
- Browser support
- The FAQ says Popmotion supports all major browsers and lists String.endsWith and WeakSet polyfills for legacy IE11 support. · popmotion.io, 12 Oct 2026
- Bundle size
- The project describes `animate` as approximately 4.5kb and says each function can be imported individually. · github.com, 11 Oct 2026
- Character rigging
- No · popmotion.io, 21 Sept 2026
- Cloud collaboration
- No · popmotion.io, 21 Sept 2026
- CodePen
- The install guide links to a Popmotion CodePen playground and explains how to add Popmotion to another CodePen project. · popmotion.io, 11 Oct 2026
- Composability
- The project says it is designed to be composable and portable into JavaScript environments. · github.com, 11 Oct 2026
- Deprecated related products
- The maker says React Pose, React Native Pose, and Vue Pose were deprecated and would not receive updates. · popmotion.io, 11 Oct 2026
- Free and open source
- The maker says Popmotion's animation libraries are open source and free to use. · popmotion.io, 11 Oct 2026
- Input and composition
- The API includes DOM event listening, pointer and multitouch input, and compositors such as chain, merge, parallel, and stagger. · popmotion.io, 12 Oct 2026
- Installation
- The install guide provides npm and yarn instructions, a downloadable browser bundle, and a script include. · popmotion.io, 11 Oct 2026
- Integrations and installation
- Popmotion can be installed with npm or yarn, included as a browser script, or used in CodePen; the docs also describe using it with Stylefire. · popmotion.io, 12 Oct 2026
- Maker location
- The site footer says “Made in London”. · popmotion.io, 11 Oct 2026
- Motion graphics
- No · popmotion.io, 21 Sept 2026
- Notable limit
- For complex values such as SVG paths or CSS shadows, the non-numerical portions of the values being animated must retain the same format. · popmotion.io, 12 Oct 2026
- Supported platforms
- browser,Node · popmotion.io, 21 Sept 2026
- Project status
- The maker says React Pose for web has been deprecated in favor of Framer Motion. · popmotion.io, 12 Oct 2026
- Purpose
- Popmotion describes itself as a low-level JavaScript motion library for animating user interfaces. · github.com, 11 Oct 2026
- Related React library
- The maker says Framer Motion wraps Popmotion in a higher-level API for React. · popmotion.io, 11 Oct 2026
- Runtime and render targets
- It can animate in browser or Node JavaScript environments and target CSS, SVG, Three.js, and canvas. · popmotion.io, 12 Oct 2026
- Security
- The opened maker pages do not state security or compliance certifications. · popmotion.io, 11 Oct 2026
- Security and compliance
- The opened Popmotion pages provide no security or compliance details. · popmotion.io, 12 Oct 2026
- Support
- The site directs users to Patreon for individual support and Open Collective for organisational support. · popmotion.io, 12 Oct 2026
Where Popmotion stands on Freedom251
- Animation Software#61 of 106