Skip to content

/motion

Open source, production-ready animation and gesture library for React
  1. TypeScript 98.4%
  2. JavaScript 1.1%
  3. Other 0.5%
Branch: master
Find File
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

@mergetron
mergetron Merge pull request #201 from framer/fix/new-item-variant-animate 
Animating existing variants on newly-added variant children
Latest commit a595bf5 Jul 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci updating node in circleci Apr 8, 2019
.github/ISSUE_TEMPLATE Add issue templates Jul 4, 2019
.vscode add eslint Apr 3, 2019
api Refactoring functionality loading Jul 19, 2019
dev Fixing whileX unsetting fro mtransitionEnd values Jul 19, 2019
src Refactoring functionality loading Jul 19, 2019
.eslintrc add eslint react-hooks Apr 3, 2019
.gitignore Feature/api extractor (#32) Feb 12, 2019
.npmignore Remove source folder from package Feb 11, 2019
.prettierrc.json adding pressActive and hoverActive handling Jan 25, 2019
CHANGELOG.md Fixing variant propagation for newly-added children Jul 19, 2019
CONTRIBUTING.md updating readme Jul 3, 2019
LICENSE.md Basic setup Nov 16, 2018
Makefile Slimming Popmotion, adding tslib, removing async (#174) Jul 5, 2019
README.md Update README.md Jul 10, 2019
api-extractor.json ignoring custom tags Jun 13, 2019
jest.config.json fixing originZ Jun 18, 2019
jest.config.ssr.json fixing originZ Jun 18, 2019
jest.setup.ts Fix mouseEnter and mouseLeave tests Nov 29, 2018
package.json updating package info Jul 18, 2019
rollup.config.js Slimming Popmotion, adding tslib, removing async (#174) Jul 5, 2019
tsconfig.json Slimming Popmotion, adding tslib, removing async (#174) Jul 5, 2019
webpack.config.js adding initial files Nov 19, 2018
yarn.lock updating package info Jul 18, 2019

README.md

Framer Motion

An open source and production-ready motion
library for React on the web.



Motion is an open source, production-ready library that's designed for all creative developers.

It looks like this:

<motion.div animate={{ x: 0 }} />

And does this:

  • Spring physics
  • Keyframes
  • Drag
  • SVG paths
  • Server-side rendering
  • Pose-inspired tree animations
  • CSS variables
  • Position transitions
  • Unmount transitions

...and a whole lot more.

Get started

Check out our documentation for guides and a full API reference.

Or checkout our examples for inspiration.

Contribute

Want to contribute to Motion? Our contributing guide has you covered.

License

Motion is MIT licensed.

You can’t perform that action at this time.