MOTION
ONE

MOTION
ONE

MOTION
ONE

MOTION
ONE

A modern web animation library
based on native browser APIs

A modern web animation library
based on native browser APIs

A modern web animation library
based on native browser APIs

A modern web animation library
based on native browser APIs

npm install motion

npm install motion

npm install motion

FEATURES

FEATURES

FEATURES

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.

Get started with the world's smallest animation library