motiondivision/motion
 Watch    103
 Star    25.5k
 Fork    841

Motion logo

Motion

An open source motion library for JavaScript and React.


Motion is the only animation library with first-class APIs for both JavaScript and React.

It also sports a unique hybrid engine, with all the power of JavaScript animations combined with the performance of native browser APIs.

🏎️ Quick start

Install motion with via your package manager:

npm install motion

JavaScript

import { animate } from "motion"

animate("#box", { x: 100 })

Read the full JavaScript docs.

React

import { motion } from "motion/react"

function Component() {
    return <motion.div animate={{ x: 100 }} />
}

Read the full React docs.

💎 Contribute

👩🏻‍⚖️ License

  • Motion is MIT licensed.

✨ Sponsors

Motion is sustainable thanks to the kind support of its sponsors.

Partners

Framer

Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.

Framer

Platinum

Tailwind

Emil Kowalski

Linear

Silver

Frontend.fyi

Statamic

Firecrawl

Puzzmo

Build UI

Hover

Personal

关于
A modern animation library for React and JavaScript
最后更新于  1 days ago
License