Motion One
Tiny size.
Huge performance.
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
npm install motionShockingly simple.
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 })Size matters.
A great web experience doesn't just look amazing, it loads fast.
Motion One's animate function is just 3.3kb, just 15% the size of Greensock.
Max performance.
Motion One uses hardware accelerated animations where possible.
So your UI stays snappy and responsive, even under heavy workloads.
Accelerated animations
Normal (simulated)
Best in dev.
Motion DevTools is a Chrome extension for inspecting, editing and exporting animations made with Motion One or CSS.
And more...
Keyframes
Simple array syntax for quick animation sequencing.
Timeline
Create intricate animations across multiple elements.
Springs
Velocity-based springs for naturalistic animation.
Production-ready
Written in TypeScript, with full test coverage.
Nice Vue
Simple component API for Vue, with more UI libraries on the way.
Animate anything
Custom functions can animate Three.js, canvas, innerHTML and more.
Free for all
Published under MIT. No annual commercial license to worry about.
Old dog, new tricks
Created by the author of Framer Motion, Pose, and Popmotion.
Sponsors
