A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
npm install motion
Motion One packs the power of the Web Animations API into a minimal API.
It adds new features like selectors, individual transforms, timeline sequencing and more.
animate("#ball", { scale: 1.3 })
Motion One's animate
function is just 3.8kb, and scroll
is only 2.5kb.
Both less than 20% the size of their Greensock equivalents.
Motion One uses hardware accelerated animations where possible.
So your UI stays snappy and responsive, even under heavy workloads.
Accelerated animations
Normal (simulated)
Motion DevTools is a Chrome extension for inspecting, editing and exporting animations made with Motion One or CSS.
Simple array syntax for quick animation sequencing.
Create intricate animations across multiple elements.
Velocity-based springs for naturalistic animation.
Written in TypeScript, with full test coverage.
Simple API for Vue and Solid, with more UI libraries on the way.
Custom functions can animate Three.js, canvas, innerHTML and more.
Published under MIT. No annual commercial license to worry about.
Created by the author of Framer Motion, Pose, and Popmotion.