❤
npm
Sign UpSign In

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

12.3.1 • Public • Published

Motion

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



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

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
12.3.10latest
12.0.8-alpha.10canary

Version History

VersionDownloads (Last 7 Days)Published
12.3.10
12.3.00
12.2.00
12.1.00
12.0.110
12.0.100
12.0.90
12.0.80
12.0.8-alpha.10
12.0.8-alpha.00
12.0.6428
12.0.5888
12.0.416
12.0.3421
12.0.1479
12.0.024
11.18.2612
11.18.115
11.18.049
11.17.11
11.17.0127
11.16.732
11.16.62
11.16.41
11.16.31
11.16.23
11.16.15
11.16.04
11.15.0162
11.14.47
11.14.30
11.14.20
11.14.130
11.14.00
11.13.511
11.13.40
11.13.31
11.13.1265
11.13.00
11.13.0-beta.02
11.12.05
12.0.0-alpha.21
11.11.1742
11.11.161
11.11.151
11.11.130
11.11.120
11.11.11138
11.11.1088
11.11.9125
11.11.81
11.11.77
11.11.60
11.11.50
11.11.43
11.11.30
11.11.21
11.11.10
11.11.07
11.10.00
11.9.037
11.8.04
11.7.00
11.6.00
11.5.619
11.5.55
11.5.447
11.5.30
12.0.0-alpha.10
11.5.20
11.5.10
11.5.00
11.4.01
11.3.32-alpha.40
11.3.32-alpha.30
11.3.32-alpha.20
11.3.32-alpha.10
11.3.32-alpha.00
11.3.3138
11.3.31-alpha.00
11.3.302
11.3.291
11.3.29-alpha.00
11.3.2823
11.3.28-alpha.11
11.3.28-alpha.00
11.3.272
11.3.260
11.3.250
11.3.25-alpha.120
11.3.25-alpha.110
11.3.25-alpha.101
11.3.25-alpha.90
11.3.25-alpha.81
11.3.25-alpha.70
11.3.25-alpha.60
11.3.25-alpha.50
11.3.25-alpha.40
11.3.25-alpha.31
11.3.25-alpha.20
11.3.25-alpha.10
11.3.25-alpha.00
11.3.23-alpha.100
11.3.23-alpha.90
11.3.23-alpha.80
11.3.23-alpha.71
11.3.23-alpha.60
11.3.23-alpha.50
11.3.23-alpha.40
11.3.24-alpha.21
11.3.242
11.3.24-alpha.10
11.3.23-alpha.30
11.3.23-alpha.20
11.3.230
11.3.23-alpha.10
11.3.23-alpha.00
11.3.220
11.3.2111
11.3.200
11.3.1923
11.3.1810
11.3.18-alpha.00
11.3.171
11.3.160
11.3.150
11.3.140
11.3.131
11.3.121
11.3.111
11.3.100
11.3.94
11.3.81
11.3.72
11.3.68
11.3.50
11.3.40
11.3.30
11.3.24
11.3.17
11.3.00
11.2.145
11.2.130
11.2.1212
11.2.1114
11.2.1030
11.2.91
11.2.80
11.2.71
11.2.7-alpha.00
11.2.63
11.2.51
11.2.4-alpha.10
11.2.41
11.2.4-alpha.01
11.2.31
11.2.25
11.2.10
11.2.056
11.1.910
11.1.80
11.2.0-alpha.01
11.1.710
11.1.60
11.1.54
11.1.40
11.1.32
11.1.21
11.1.10
11.1.01
11.0.280
11.0.272
11.0.260
11.0.11-sync.50
11.0.257
11.0.11-sync.41
11.0.11-sync.31
11.0.11-sync.21
11.0.2473
11.0.11-sync.10
11.0.230
11.0.221
11.0.212
11.0.11-sync.01
11.0.203
11.0.190
11.0.182
11.0.172
11.0.162
11.0.153
11.0.142
11.0.130
11.0.122
11.0.110
11.0.100
11.0.90
11.0.811
11.0.71
11.0.7-alpha.00
11.0.64
11.0.6-alpha.10
11.0.6-alpha.00
11.0.56
11.0.45
11.0.330
11.0.20
11.0.10
11.0.00
11.0.0-alpha.20
11.0.0-alpha.11
10.19.0-alpha.05
10.18.0458
10.18.0-alpha.10
10.17.121
10.17.111
10.18.0-alpha.00
10.17.94
10.17.80
10.17.70
10.17.60
10.17.51
10.17.40
10.17.30
10.17.20
10.17.10
10.17.00
10.17.0-alpha.01
10.16.1650
10.16.16-alpha.20
10.16.16-alpha.10
10.16.16-alpha.00
10.16.151
10.16.15-alpha.51
10.16.15-alpha.40
10.16.15-alpha.30
10.16.15-alpha.20
10.16.15-alpha.10
10.16.15-alpha.01
10.16.145
10.16.132
10.16.121
10.16.110
10.16.100
10.16.10-alpha.10
10.16.10-alpha.00
10.16.90
10.16.81
10.6.80
10.16.70
10.16.61
10.16.6-alpha.00
10.16.542
10.16.5-alpha.00
10.16.4151
10.16.30
10.16.23
10.16.14
10.16.00
10.15.20
10.15.13
10.15.06
10.14.00
10.13.21
10.13.2-alpha.31
10.13.2-alpha.20
10.13.2-alpha.10
10.13.2-alpha.01
10.13.10
10.13.1-alpha.80
10.13.1-alpha.70
10.13.1-alpha.60
10.13.1-alpha.51
10.13.1-alpha.40
10.13.1-alpha.31
10.13.1-alpha.20
10.13.1-alpha.10
10.13.1-alpha.00
10.13.00
10.12.230
10.13.0-alpha.00
10.12.220
10.12.22-alpha.20
10.12.22-alpha.10
10.12.22-alpha.01
10.12.211
10.12.200
10.12.1817
10.12.18-alpha.00
10.12.17-alpha.00
10.12.1629
10.12.150
10.12.140
10.12.130
10.12.13-alpha.00
10.12.120
10.12.12-alpha.01
10.12.1117
10.12.100
10.12.90
10.12.80
10.12.8-alpha.21
10.12.8-alpha.10
10.12.8-alpha.00
10.12.72
10.12.7-alpha.20
10.12.7-alpha.11
10.12.7-alpha.01
10.12.61
10.12.50
10.12.5-alpha.60
10.12.5-alpha.50
10.12.5-alpha.31
10.12.5-alpha.10
10.12.5-alpha.01
10.12.40
10.12.30
10.12.20
10.12.10
10.12.01
10.11.60
10.11.51
10.11.40
10.11.30
10.11.21
10.11.11
10.11.00
10.10.1-alpha.120
10.10.1-alpha.111
10.10.1-alpha.100
10.10.1-alpha.70
10.10.1-alpha.60
10.10.1-alpha.50
10.10.1-alpha.40
10.10.1-alpha.30
10.10.1-alpha.20
10.10.1-alpha.10
10.10.1-alpha.00
10.10.00
10.9.40
10.9.30
10.9.3-beta.10
10.9.20
10.9.11
10.8.6-alpha.30
10.9.00
10.8.6-alpha.20
10.8.6-alpha.11
10.8.6-alpha.00
10.8.51
10.8.40
10.8.30
10.8.20
10.8.10
10.8.00
10.7.00
10.6.10
10.6.00
10.5.00
10.4.00
10.3.41
10.3.30
9.0.1-css-var-fix0
10.3.20
10.3.10
10.3.01
10.2.50
10.2.40
10.2.30
10.2.20
10.2.10
10.2.00
10.1.00
10.0.21
10.1.0-alpha.40
10.1.0-alpha.31
10.1.0-alpha.20
10.1.0-alpha.00
10.0.11
10.0.00
10.0.0-alpha.10
10.0.0-alpha.01
9.1.70
9.1.60
9.1.50
9.1.40
9.1.31
9.1.20
9.1.10
9.1.00
9.0.71
9.0.61
9.0.51
9.0.41
9.0.30
9.0.3-alpha.00
9.0.20
9.0.11
9.0.00
8.5.59
8.5.44
8.5.31
8.5.3-alpha.10
8.5.20
8.5.2-alpha.40
8.5.2-alpha.10
8.5.2-alpha.00
8.5.00
8.4.70
8.4.60
8.4.51
8.4.41
8.4.4-alpha.01
8.4.30
8.4.20
8.4.10
8.4.00
8.3.40
8.3.31
8.3.20
8.3.10
8.3.00
8.2.40
8.2.30
8.2.22
8.2.11
8.2.00
8.1.90
8.1.81
8.1.70
8.1.61
8.1.50
8.1.41
8.1.30
8.1.20
8.1.2-beta.00
8.1.11
8.1.00
8.0.40
8.0.30
8.0.21
8.0.10
8.0.01
7.10.38
7.10.20
7.10.10
7.10.00
7.9.13
7.9.00
7.8.10
7.8.00
7.7.30
7.7.21
7.7.11
7.7.00
7.6.195
7.6.180
7.6.170
7.6.160
7.6.150
7.6.140
7.6.131
7.6.120
7.6.110
7.6.100
7.6.10-beta.30
7.6.10-alpha.20
7.6.10-alpha.10
7.6.10-alpha.00
7.6.90
7.6.80
7.6.70
7.6.60
7.6.51
7.6.40
7.6.4-beta.00
7.6.30
7.6.20
7.6.1261
7.6.00
7.5.41
7.5.30
7.5.22
7.5.10
7.5.1-beta.00
7.5.00
7.4.00
7.3.60
7.3.50
7.3.30
7.3.22
7.3.10
7.3.00
7.2.10
7.2.00
7.1.20
7.1.11
7.2.0-beta.11
7.2.0-beta.01
7.1.01
7.0.30
7.0.3-beta.11
7.0.3-beta.00
7.0.20
7.0.10
7.0.00
6.5.1169
6.5.00
6.4.30
6.4.20
6.4.11
6.4.00
6.3.160
6.3.150
6.3.140
6.3.130
6.3.120
6.3.113
6.3.100
6.3.91
6.3.80
6.3.70
6.3.7-beta.00
6.3.60
6.3.51
6.3.40
6.3.30
6.3.20
6.3.10
6.3.00
6.2.101
6.2.90
6.2.9-alpha0
6.2.80
6.2.70
6.2.61
6.2.51
6.2.40
6.2.30
6.2.11
6.2.00
6.1.00
6.1.0-rc.00
6.0.018
6.0.0-beta.101
6.0.0-beta.91
6.0.0-beta.80
6.0.0-beta.70
6.0.0-beta.60
6.0.0-beta.556
6.0.0-beta.41
6.0.0-alpha.30
6.0.0-alpha.20
6.0.0-alpha.10

Package Sidebar

Install

npm i framer-motion-3d

Repository

github.com/motiondivision/motion

Homepage

github.com/motiondivision/motion#readme

Weekly Downloads

1,254

Version

12.3.1

License

MIT

Unpacked Size

51.2 kB

Total Files

20

Last publish

Collaborators

  • kirill.zonov
  • framerjs-owner
  • nvh
  • koenbok
  • lempsink
  • fverloop
  • edomarkets
  • jurrehoutkamp
  • motifus
  • koenrh
  • aroagb
  • cminardi
  • oscarlsson
  • shuangq
  • melirofman
  • jonastreub
  • ogorter
  • jornvandijk
  • iamakulov
  • benjamindenboer
  • hemlok
  • hunterhcaron
  • heypiotr_f
  • k15a
  • danillouz
  • tom-james-watson
  • arturfortunato
  • ankon
  • serhii.havrylenko
  • alecmev-framer
  • coobaha_
  • evandrolg
  • carlosnunez
  • danieladias
  • andrey.ozornin
  • kurtextrem
  • james_at_framer
  • andrey-framer
  • triozer-framer
  • niekert1
  • gasim-framer
  • szymon-framer
  • waraness99
  • kaloyanvi
  • gilmarsquinelato
  • malusoares
  • framer_pablo
  • pedro-martinho
  • nick-framer
  • will_framer
  • xavi-at-framer
  • tim-framer
  • framer-hayley
  • popmotion
Try on RunKit
Report malware