Skip to content

A modern animation library for React and JavaScript

License

Notifications You must be signed in to change notification settings

kurtextrem/motion

This branch is 2 commits ahead of, 47 commits behind motiondivision/motion:main.

Repository files navigation

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's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.

🏎️ Quick start

Install motion 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

Syntax.fm Tailwind Emil Kowalski Linear

Gold

Liveblocks Luma

Silver

Frontend.fyi Statamic Firecrawl Puzzmo Build UI Hover

Personal

About

A modern animation library for React and JavaScript

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 76.3%
  • HTML 16.5%
  • JavaScript 7.0%
  • Other 0.2%