Motion

Motion is a free, open source animation library for React, JavaScript and Vue. It was previously known as Framer Motion, and it lets you add smooth movement to interface elements with a few lines of code.

You animate elements by setting target style values, and Motion handles the timing and physics. It supports layout changes, drag and hover gestures, scroll-linked effects and spring motion. Exit animations keep an element on screen until its exit has finished.

• Animate layout changes between states
• Drag, hover and press gestures
• Scroll-linked animations
• Spring physics with stiffness and damping
• Exit animations for removed elements

Front-end developers who want polished motion in a web interface without writing custom animation loops. It suits product teams building interactive pages or app screens where movement helps people follow what changed.

The core library is free and open source under the MIT license. It runs in the browser, and most of its animations use the browser's own animation engine so they stay smooth while JavaScript is busy. The site also lists a separate Motion+ offering, so check its terms if you need those extras.