Motion
A modern animation library for React, JavaScript, and Vue with a hybrid engine for 120fps, GPU-accelerated animations.
What is Motion?
Motion is an open-source animation library for React, JavaScript, and Vue that enables developers to create high-performance, interactive animations. It solves the challenge of building smooth, GPU-accelerated animations with a simple API, supporting gestures, springs, layout transitions, and scroll effects. The library is designed to be production-ready with TypeScript support and a minimal footprint.
Frontend developers building interactive web applications in React, Vue, or vanilla JavaScript who need performant, declarative animations. It's ideal for teams creating engaging user interfaces with complex motion design.
Developers choose Motion for its hybrid engine that delivers 120fps animations, its comprehensive feature set including gestures and scroll-linked effects, and its first-class support across multiple frameworks. Its simplicity, performance, and extensive examples make it a go-to solution over lower-level animation tools.
Overview
A modern animation library for React and JavaScript
Use Cases
Best For
- Creating smooth page transitions and layout animations in React apps
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
