Motion 3D

An open source motion library for React Three Fiber.

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

It looks like this:

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

It does all this:

• Springs
• Keyframes
• Gestures (tap/hover)
• Exit animations
• Orchestrate animations across components

...and a whole lot more.

📚 Docs

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

Or check out our examples for inspiration.

🛠 Contribute

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

👩🏻‍⚖️ License

Motion 3D is MIT licensed.

Framer

Get on the same page as your designers before production. Get started with design and prototyping in Framer.