framer-motion-3d
TypeScript icon, indicating that this package has built-in type declarations

11.2.0 • Public • Published

Framer Motion

Framer 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.


Start for free


Framer Banner


Chat on Discord


It looks like this:

<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 checkout our examples for inspiration.

🛠 Contribute

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

👩🏻‍⚖️ License

Framer Motion 3D is MIT licensed.

Framer

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

Package Sidebar

Install

npm i framer-motion-3d

Weekly Downloads

5,970

Version

11.2.0

License

MIT

Unpacked Size

51 kB

Total Files

20

Last publish

Collaborators

  • andrey-framer
  • dlahoza
  • kurtextrem
  • szymon-framer
  • niekert1
  • adaam2
  • coobaha_
  • serhii.havrylenko
  • tom-james-watson
  • kaloyanvi
  • pedro-martinho
  • arturfortunato
  • anthonyec
  • ankon
  • framerjs-owner
  • nvh
  • koenbok
  • lempsink
  • fverloop
  • edomarkets
  • jurrehoutkamp
  • popmotion
  • motifus
  • koenrh
  • aroagb
  • cminardi
  • oscarlsson
  • shuangq
  • melirofman
  • jonastreub
  • ogorter
  • jornvandijk
  • iamakulov
  • benjamindenboer
  • hemlok
  • hunterhcaron
  • heypiotr_f
  • k15a
  • danillouz