motiondivision/motion ? reverse-engineered prompt

Build me a modern animation library that works for React, Vue, and plain JavaScript. I want it to be super simple for developers to add powerful, buttery-smooth animations to their websites without a lot of boilerplate. The animations should be high-performance, maybe using the GPU to feel really fluid.

The API should be declarative and easy to learn. For React for instance, a developer should be able to just import a component and pass it animation props like { x: 100 } to make an element move. It should come with "batteries-included" features like spring physics for more natural motion, gesture controls for dragging and tapping, layout transitions, and effects that are linked to the user's scroll position.

It needs to be written in TypeScript, be well-tested, and be lightweight so it doesn't slow down the sites that use it.