Motion One

Animation library built on the Web Animations API for the smallest filesize...

This is the Motion One monorepo. It contains the source code for all Motion One libraries, as well as framework-specific playgrounds.

🕵️‍♂️ Source code

- [motion](https://github.com/motiondivision/motionone/tree/main/packages/motion): The main entry point for Motion One.

- [@motionone/animation](https://github.com/motiondivision/motionone/tree/main/packages/animation): A minimal, focused polyfill for WAAPI.

- [@motionone/dom](https://github.com/motiondivision/motionone/tree/main/packages/dom): DOM-specific APIs like animate and scroll.

- [@motionone/easing](https://github.com/motiondivision/motionone/tree/main/packages/easing): JavaScript implementations of web easing functions.

- [@motionone/generators](https://github.com/motiondivision/motionone/tree/main/packages/generators): Keyframe generators like spring and glide.

- [@motionone/solid](https://github.com/motiondivision/motionone/tree/main/packages/solid): Motion One for Solid.

- [@motionone/types](https://github.com/motiondivision/motionone/tree/main/packages/types): Shared types for Motion One packages.

- [@motionone/utils](https://github.com/motiondivision/motionone/tree/main/packages/utils): Shared utility functions across Motion One packages.

- [@motionone/vue](https://github.com/motiondivision/motionone/tree/main/packages/vue): Motion One for Vue.

Create Motion One and CSS animations faster than ever with Motion DevTools.

yarn dev will spin up all the included playgrounds and watch changes to the libraries.

- Motion One for Vue: http://localhost:3000

- Motion One for Solid: http://localhost:3001

Full docs are available at motion.dev.