Favicon of Motion

Motion

Build professional-grade UI animations for React, JavaScript, and Vue with a tiny, high-performance library designed for complex, interactive experiences.

Screenshot of Motion website

Motion is a production-grade animation library designed to bring fluid, high-performance motion to the web. Whether you are building simple transitions or complex, interactive UI gestures, this library provides a pick-up-and-play API that makes advanced animation accessible for developers of all skill levels. By leveraging a hybrid engine, it ensures that your animations remain smooth and hardware-accelerated across all modern browsers.

Key features include:

  • Independent transforms: Animate properties like x, y, and rotation without the need for wrapper elements.
  • Gesture support: Implement hover, press, and drag interactions that feel native and responsive.
  • Layout animations: Automatically handle layout changes with an industry-leading engine.
  • Exit animations: Use the dedicated component to animate elements as they leave the DOM.
  • Spring physics: Achieve natural, life-like movement with real-world physics-based easing.

With over 18 million monthly downloads, this library is a trusted choice for teams building high-traffic applications. It offers a tiny footprint and integrates seamlessly with popular frameworks, making it an essential tool for creating professional, engaging user interfaces that stand out.

Categories:
Downloads
7,900,850
Stars
31,140
Last published
Mar 4, 2026
Last commit
8 hours ago
License
MIT

Similar to Motion

Favicon

 

  
  
Favicon

 

  
  
Favicon