Simple
Motion One provides the performance of native browser APIs in a user-friendly package.
animate(".ball", { scale: 1.2 })
Modern
Go beyond the browser with springs, independent transforms, timeline sequencing and more.
Tiny
Motion One's animate
function is just 3.8kb, and scroll
is only 2.5kb.
Both less than 20% the size of their
GSAP equivalents.
Performance
Motion One uses hardware accelerated animations so your UI stays snappy and responsive, even under heavy workloads.
Springs
Velocity-based animations for natural motion.
Production-ready
Written in TypeScript, with extensive test coverage.
KEYFRAMES
Simple array syntax for animation sequencing.
TIMELINE
Orchestrate animations across multiple elements.
FREE
Published under MIT with no commercial license.
GREEN
Lower CPU usage is kind to batteries and the planet.