react-spring
Animate React with ease
Last updated 7 years ago
by drcmda
.
ISC
·
Repository
·
Bugs
·
Original npm
·
Tarball
·
package.json
$ npm install react-spring
SYNC missed versions from
official npm registry.
react-spring
A spring-physics first animation library
giving you flexible tools to confidently cast your ideas
react-spring is a cross-platform spring-physics first animation library.
It's as simple as:
const styles = useSpring({
from: {
opacity: 0
},
to: {
opacity: 1
}
})
<animated.div style={styles} />
Just a small bit about us:
- Cross-Platform: We support
react-dom,react-native,react-three-fiber,react-konva&react-zdog. - Versatile: Be declarative with your animations or if you prefer, imperative.
- Spring-Physics First: By default animation use springs for fluid interactivity, but we support durations with easings as well.
There's a lot more to be had! Give it a try and find out.
Getting Started
⚡️ Jump Start
# Install the entire library
npm install react-spring
# or just install your specific target (recommended)
npm install @react-spring/web
import { animated, useSpring } from '@react-spring/web'
const FadeIn = ({ isVisible, children }) => {
const styles = useSpring({
opacity: isVisible ? 1 : 0,
y: isVisible ? 0 : 24,
})
return <animated.div style={styles}>{children}</animated.div>
}
It's as simple as that to create scroll-in animations when value of isVisible is toggled.
📖 Documentation and Examples
More documentation on the project can be found here.
Pages contain their own examples which you can check out there, or open in codesandbox for a more in-depth view!
📣 What others say
Used by
And many others...
Backers
Thank you to all our backers! 🙏 If you want to join them here, then consider contributing to our Opencollective.
Contributors
This project exists thanks to all the people who contribute.
Current Tags
- 9.4.0-alpha.0 ... alpha (3 years ago)
- 9.7.0-beta.0 ... beta (2 years ago)
- 0.0.0-deprecated ... deprecated (4 years ago)
- 0.0.0-65fc02cc281573bc28d90720983c8e9df9035059-20230625170003 ... experimental (a year ago)
- 9.7.4 ... latest (4 months ago)
- 0.0.0-nightly-52cc710-20230626001840 ... nightly (a year ago)
379 Versions
- 9.7.4 ... 4 months ago
- 9.7.3 ... a year ago
- 9.7.2 ... a year ago
- 0.0.0-nightly-52cc710-20230626001840 ... a year ago
- 0.0.0-65fc02cc281573bc28d90720983c8e9df9035059-20230625170003 ... a year ago
- 0.0.0-d80cafe1f0ccd7ce193b8f558285515ede3b8afc-20230625160448 ... a year ago
- 9.7.1 ... 2 years ago
- 0.0.0-40ac9039be0c657954e31ea7588bee4abbf1df1f-20230227081728 ... 2 years ago
- 0.0.0-fb0ddfbbce1fd1b524534d96188b7bdb923c7bc7-20230227080834 ... 2 years ago
- 0.0.0-b13152991101c4b7adc41eba4f10e8d155511bbe-20230227075103 ... 2 years ago
- 0.0.0-aefd1e584376be38b1f6ca1ca74e061c4ce9b9d8-20230225174818 ... 2 years ago
- 0.0.0-d0cc422bcf5dc2109d1d80e6ea065b4d8861d323-20230225174329 ... 2 years ago
- 0.0.0-1f54fd5554e133fd353fcf3bd85edeac3562a1a0-20230225150642 ... 2 years ago
- 0.0.0-00758660b56704e0949d99f4251c275d738376fe-20230225114436 ... 2 years ago
- 9.7.0 ... 2 years ago
- 9.7.0-beta.0 ... 2 years ago
- 9.6.1 ... 2 years ago
- 9.6.0 ... 2 years ago
- 9.5.5 ... 2 years ago
- 9.5.5-beta.0 ... 2 years ago
- 9.5.4 ... 2 years ago
- 9.5.3 [deprecated] ... 2 years ago
- 9.5.2 ... 2 years ago
- 9.5.1 ... 2 years ago
- 9.5.0 ... 2 years ago
- 9.4.5 ... 3 years ago
- 9.4.5-beta.2 ... 3 years ago
- 9.4.5-beta.1 ... 3 years ago
- 9.4.5-beta.0 ... 3 years ago
- 9.4.4 ... 3 years ago
- 9.4.3 ... 3 years ago
- 9.4.3-beta.1 ... 3 years ago
- 9.4.3-beta.0 ... 3 years ago
- 9.4.2 ... 3 years ago
- 9.4.1 ... 3 years ago
- 9.4.0 ... 3 years ago
- 9.4.0-beta.6 ... 3 years ago
- 9.3.3 ... 3 years ago
- 9.4.0-beta.4 ... 3 years ago
- 9.4.0-beta.3 ... 3 years ago
- 9.4.0-beta.2 ... 3 years ago
- 9.4.0-beta.1 ... 3 years ago
- 9.4.0-beta.0 ... 3 years ago
- 9.3.2 ... 3 years ago
- 9.3.1 ... 3 years ago
- 9.4.0-alpha.0 ... 3 years ago
- 9.3.0 ... 3 years ago
- 9.2.6 ... 3 years ago
- 9.2.6-beta.0 ... 3 years ago
- 9.2.5 ... 3 years ago
- 9.2.5-beta.0 ... 3 years ago
- 9.2.4 ... 3 years ago
- 10.0.0-alpha.1 ... 3 years ago
- 10.0.0-alpha.0 ... 3 years ago
- 9.2.3 ... 3 years ago
- 9.2.2 ... 3 years ago
- 9.2.1 ... 3 years ago
- 9.2.0 ... 3 years ago
- 9.2.0-beta.7 ... 3 years ago
- 9.2.0-beta.6 ... 3 years ago
- 9.2.0-beta.5 ... 4 years ago
- 9.2.0-beta.4 ... 4 years ago
- 9.2.0-beta.3 ... 4 years ago
- 9.2.0-beta.2 ... 4 years ago
- 9.2.0-beta.1 ... 4 years ago
- 9.2.0-beta.0 ... 4 years ago
- 9.1.2 ... 4 years ago
- 9.1.1 ... 4 years ago
- 9.0.1 ... 4 years ago
- 9.1.0 ... 4 years ago
- 0.0.0-deprecated ... 4 years ago
- 9.0.0 ... 4 years ago
- 9.0.0-rc.3 ... 5 years ago
- 9.0.0-rc.2 ... 5 years ago
- 9.0.0-rc.1 ... 5 years ago
- 9.0.0-canary.808.17.55c5691 ... 5 years ago
- 9.0.0-canary.808.16.68edca3 ... 5 years ago
- 9.0.0-canary.808.15.d4e5904 ... 5 years ago
- 9.0.0-canary.808.14.192785c ... 5 years ago
- 9.0.0-canary.808.13.719834d ... 5 years ago
- 9.0.0-canary.808.12.11b2708 ... 5 years ago
- 9.0.0-canary.808.11.4be2ac3 ... 5 years ago
- 9.0.0-canary.808.10.132aadf ... 5 years ago
- 9.0.0-canary.808.9.7e75a67 ... 5 years ago
- 9.0.0-canary.808.8.4a87fcb ... 5 years ago
- 9.0.0-canary.808.7.d857dc8 ... 5 years ago
- 9.0.0-canary.808.6.a1d7e01 ... 5 years ago
- 9.0.0-canary.808.5.5cdf687 ... 5 years ago
- 9.0.0-canary.808.4.e67bf81 ... 5 years ago
- 9.0.0-canary.808.3.225e0b1 ... 5 years ago
- 9.0.0-canary.808.2.958e7ba ... 5 years ago
- 9.0.0-canary.808.1.ae166ee ... 5 years ago
- 9.0.0-canary.809.5.f01ecc2 ... 5 years ago
- 9.0.0-canary.809.4.a637589 ... 5 years ago
- 9.0.0-canary.809.3.a66b280 ... 5 years ago
- 9.0.0-canary.809.2.49361198 ... 5 years ago
- 9.0.0-canary.809.1.aa2db98.0 ... 5 years ago
- 9.0.0-beta.34 ... 5 years ago
- 9.0.0-beta.33 ... 5 years ago
- 9.0.0-beta.32 ... 5 years ago
- 9.0.0-beta.31 ... 5 years ago
- 9.0.0-beta.30 ... 5 years ago
- 9.0.0-beta.29 ... 5 years ago
- 9.0.0-beta.28 ... 5 years ago
- 8.0.27 ... 5 years ago
- 8.0.26 ... 5 years ago
- 9.0.0-beta.27 ... 5 years ago
- 9.0.0-beta.25 ... 5 years ago
- 9.0.0-beta.24 ... 5 years ago
- 9.0.0-beta.23 ... 5 years ago
- 9.0.0-beta.22 ... 5 years ago
- 8.0.25-beta.1 ... 5 years ago
- 8.0.25-beta.0 ... 5 years ago
- 9.0.0-beta.21 ... 5 years ago
- 8.0.25 ... 5 years ago
- 8.0.24 ... 5 years ago
- 9.0.0-beta.20 ... 5 years ago
- 9.0.0-beta.19 ... 5 years ago
- 9.0.0-beta.17 ... 5 years ago
- 9.0.0-beta.16 ... 5 years ago
- 9.0.0-beta.15 ... 5 years ago
- 9.0.0-beta.14 ... 5 years ago
- 9.0.0-beta.12 ... 5 years ago
- 9.0.0-beta.11 ... 5 years ago
- 9.0.0-beta.10 ... 5 years ago
- 9.0.0-beta.9 ... 5 years ago
- 8.0.23 ... 5 years ago
- 8.0.22 ... 5 years ago
- 8.0.21 ... 5 years ago
- 9.0.0-beta.8 ... 6 years ago
- 9.0.0-beta.7 ... 6 years ago
- 9.0.0-beta.6 ... 6 years ago
- 8.0.20 ... 6 years ago
- 9.0.0-beta.5 ... 6 years ago
- 9.0.0-beta.4 ... 6 years ago
- 9.0.0-beta.3 ... 6 years ago
- 9.0.0-beta.2 ... 6 years ago
- 9.0.0-beta.1 ... 6 years ago
- 8.0.19 ... 6 years ago
- 8.0.18 ... 6 years ago
- 8.0.17 ... 6 years ago
- 8.0.16 ... 6 years ago
- 8.0.15 ... 6 years ago
- 8.0.14 ... 6 years ago
- 8.0.13 ... 6 years ago
- 8.0.12 ... 6 years ago
- 8.0.11 ... 6 years ago
- 8.0.10 ... 6 years ago
- 8.0.9 ... 6 years ago
- 8.0.8 ... 6 years ago
- 8.0.7 ... 6 years ago
- 8.0.6 ... 6 years ago
- 8.0.5 ... 6 years ago
- 8.0.4 ... 6 years ago
- 7.2.11 ... 6 years ago
- 8.0.3 ... 6 years ago
- 8.0.2 ... 6 years ago
- 8.0.1 ... 6 years ago
- 8.0.0-beta.5 ... 6 years ago
- 8.0.0-beta.4 ... 6 years ago
- 8.0.0-beta.3 ... 6 years ago
- 8.0.0-beta.2 ... 6 years ago
- 8.0.0-beta.1 ... 6 years ago
- 8.0.0-beta.0 ... 6 years ago
- 7.2.10 ... 6 years ago
- 7.2.9 ... 6 years ago
- 7.2.8-beta.4 ... 6 years ago
- 7.2.8-beta.3 ... 6 years ago
- 7.2.8-beta.2 ... 6 years ago
- 7.2.8-beta.1 ... 6 years ago
- 7.2.8-beta.0 ... 6 years ago
- 7.2.8 ... 6 years ago
- 7.2.7-beta.1 ... 6 years ago
- 7.2.7-beta.0 ... 6 years ago
- 7.2.7 ... 6 years ago
- 7.2.6 ... 6 years ago
- 7.2.5-beta.0 ... 6 years ago
- 7.2.5 ... 6 years ago
- 7.2.4 ... 6 years ago
- 7.2.3 ... 6 years ago
- 7.2.2 ... 6 years ago
- 7.2.1 ... 6 years ago
- 7.2.0 ... 6 years ago
- 7.2.0-beta.3 ... 6 years ago
- 7.2.0-beta.2 ... 6 years ago
- 7.1.3 ... 6 years ago
- 7.1.2 ... 6 years ago
- 7.1.1 ... 6 years ago
- 7.1.0 ... 6 years ago
- 7.0.0 ... 6 years ago
- 7.0.0-beta.2 ... 6 years ago
- 7.0.0-beta.1 ... 6 years ago
- 7.0.0-beta.0 ... 6 years ago
- 6.2.0-beta.1 ... 6 years ago
- 6.2.0-beta.0 ... 6 years ago
- 6.1.10 ... 6 years ago
- 6.1.9 ... 6 years ago
- 6.1.9-beta.1 ... 6 years ago
- 6.1.9-beta.0 ... 6 years ago
- 6.1.8 ... 6 years ago
- 6.1.7 ... 6 years ago
- 6.1.7-beta.2 ... 6 years ago
- 6.1.7-beta.1 ... 6 years ago
- 6.1.7-beta.0 ... 6 years ago
- 6.1.6 ... 6 years ago
- 6.1.5 ... 6 years ago
- 6.1.4 ... 6 years ago
- 6.1.3 ... 6 years ago
- 6.1.2 ... 6 years ago
- 6.1.1 ... 6 years ago
- 6.1.0 ... 6 years ago
- 6.0.0 ... 6 years ago
- 6.0.0-beta.8 ... 6 years ago
- 6.0.0-beta.7 ... 6 years ago
- 6.0.0-beta.5 ... 6 years ago
- 6.0.0-beta.4 ... 6 years ago
- 6.0.0-beta.3 ... 6 years ago
- 6.0.0-beta.2 ... 6 years ago
- 6.0.0-beta.1 ... 6 years ago
- 5.9.2 ... 6 years ago
- 5.9.1-beta.1 ... 6 years ago
- 5.9.1-beta.0 ... 6 years ago
- 5.9.0 ... 6 years ago
- 6.0.0-beta.0 ... 6 years ago
- 5.9.0-beta.3 ... 6 years ago
- 5.9.0-beta.2 ... 6 years ago
- 5.9.0-beta.1 ... 6 years ago
- 5.9.0-beta.0 ... 6 years ago
- 5.8.0 ... 6 years ago
- 5.7.3-beta.0 ... 6 years ago
- 5.7.2 ... 6 years ago
- 5.7.1 ... 6 years ago
- 5.7.0 ... 6 years ago
- 5.6.15 ... 6 years ago
- 5.6.14 ... 6 years ago
- 5.6.13 ... 6 years ago
- 5.6.12 ... 6 years ago
- 5.6.11-beta.0 ... 6 years ago
- 5.6.11 ... 6 years ago
- 5.6.10 ... 6 years ago
- 5.6.9 ... 6 years ago
- 5.6.8 ... 6 years ago
- 5.6.7 ... 6 years ago
- 5.6.6 ... 6 years ago
- 5.6.5 ... 6 years ago
- 5.6.4 ... 6 years ago
- 5.6.3 ... 6 years ago
- 5.6.1 ... 6 years ago
- 5.6.0-beta2 ... 6 years ago
- 5.6.0-beta1 ... 6 years ago
- 5.5.4 ... 6 years ago
- 5.5.1 ... 6 years ago
- 5.5.0 ... 6 years ago
- 5.4.4 ... 6 years ago
- 5.4.3 ... 6 years ago
- 5.4.2-beta1 ... 6 years ago
- 5.4.2-beta ... 6 years ago
- 5.4.2 ... 6 years ago
- 5.4.1 ... 6 years ago
- 5.4.0 ... 6 years ago
- 5.3.21 ... 6 years ago
- 5.3.20 ... 6 years ago
- 5.3.19 ... 6 years ago
- 5.3.18 ... 6 years ago
- 5.3.17 ... 6 years ago
- 5.3.16 ... 6 years ago
- 5.3.15 ... 6 years ago
- 5.3.14 ... 6 years ago
- 5.3.13 ... 6 years ago
- 5.3.12 ... 6 years ago
- 5.3.11 ... 6 years ago
- 5.3.10 ... 6 years ago
- 5.3.9 ... 6 years ago
- 5.3.8 ... 6 years ago
- 5.3.7 ... 6 years ago
- 5.3.6 ... 6 years ago
- 5.3.5 ... 6 years ago
- 5.3.4 ... 6 years ago
- 5.3.3 ... 6 years ago
- 5.3.2 ... 6 years ago
- 5.3.1 ... 6 years ago
- 5.3.0 ... 6 years ago
- 5.3.0-beta.0 ... 6 years ago
- 5.2.1 ... 6 years ago
- 5.2.0 ... 6 years ago
- 5.1.10 ... 6 years ago
- 5.1.9 ... 6 years ago
- 5.1.8 ... 7 years ago
- 5.1.7 ... 7 years ago
- 5.1.6 ... 7 years ago
- 5.1.5 ... 7 years ago
- 5.1.4 ... 7 years ago
- 5.1.3 ... 7 years ago
- 5.1.2 ... 7 years ago
- 5.1.1 ... 7 years ago
- 5.1.0 ... 7 years ago
- 5.0.1-beta.0 ... 7 years ago
- 5.0.1 ... 7 years ago
- 5.0.0 ... 7 years ago
- 4.2.1-beta.1 ... 7 years ago
- 4.2.1-beta.0 ... 7 years ago
- 4.2.1 ... 7 years ago
- 4.2.0 ... 7 years ago
- 4.2.0-beta.0 ... 7 years ago
- 4.1.8-beta.3 ... 7 years ago
- 4.1.8-beta.2 ... 7 years ago
- 4.1.8-beta.1 ... 7 years ago
- 4.1.8 ... 7 years ago
- 4.1.7 ... 7 years ago
- 4.1.6 ... 7 years ago
- 4.1.5 ... 7 years ago
- 4.1.4 ... 7 years ago
- 4.1.3-beta.5 ... 7 years ago
- 4.1.3-beta.4 ... 7 years ago
- 4.1.3-beta.3 ... 7 years ago
- 4.1.3-beta.2 ... 7 years ago
- 4.1.3-beta.1 ... 7 years ago
- 4.1.3 ... 7 years ago
- 4.1.2 ... 7 years ago
- 4.1.1 ... 7 years ago
- 4.1.0 ... 7 years ago
- 4.0.6 ... 7 years ago
- 4.0.5 ... 7 years ago
- 4.0.4 ... 7 years ago
- 4.0.3 ... 7 years ago
- 4.0.2 ... 7 years ago
- 4.0.1-beta.1 ... 7 years ago
- 4.0.1-beta.0 ... 7 years ago
- 4.0.1 ... 7 years ago
- 4.0.0 ... 7 years ago
- 3.2.0-beta.12 ... 7 years ago
- 3.2.0-beta.11 ... 7 years ago
- 3.2.0-beta.10 ... 7 years ago
- 3.2.0-beta.9 ... 7 years ago
- 3.2.0-beta.8 ... 7 years ago
- 3.2.0-beta.7 ... 7 years ago
- 3.2.0-beta.6 ... 7 years ago
- 3.2.0-beta.5 ... 7 years ago
- 3.2.0-beta.4 ... 7 years ago
- 3.2.0-beta.3 ... 7 years ago
- 3.2.0-beta.2 ... 7 years ago
- 3.2.0-beta.1 ... 7 years ago
- 3.2.0-beta.0 ... 7 years ago
- 3.1.0 ... 7 years ago
- 3.0.4 ... 7 years ago
- 3.0.2 ... 7 years ago
- 3.0.1 ... 7 years ago
- 3.0.0 ... 7 years ago
- 2.3.0 ... 7 years ago
- 2.2.2 ... 7 years ago
- 2.2.1 ... 7 years ago
- 2.2.0 ... 7 years ago
- 2.1.1 ... 7 years ago
- 2.1.0 ... 7 years ago
- 2.0.5 ... 7 years ago
- 2.0.3 ... 7 years ago
- 2.0.2 ... 7 years ago
- 2.0.0 ... 7 years ago
- 1.3.5 ... 7 years ago
- 1.3.4 ... 7 years ago
- 1.3.3 ... 7 years ago
- 1.3.2 ... 7 years ago
- 1.3.1 ... 7 years ago
- 1.3.0 ... 7 years ago
- 1.2.4 ... 7 years ago
- 1.2.3 ... 7 years ago
- 1.2.2 ... 7 years ago
- 1.2.1 ... 7 years ago
- 1.2.0 ... 7 years ago
- 1.1.2 ... 7 years ago
- 1.1.1 ... 7 years ago
- 1.1.0 ... 7 years ago
- 1.0.6 ... 7 years ago
- 1.0.5 ... 7 years ago
- 1.0.4 ... 7 years ago
- 1.0.3 ... 7 years ago
- 1.0.2 ... 7 years ago
- 1.0.1 ... 7 years ago
- 1.0.0 ... 7 years ago
Maintainers (2)
drcmda
tdfka_rick
Downloads
Total
407
Today
0
This Week
0
This Month
0
Last Day
0
Last Week
0
Last Month
4
Dev Dependencies (18)
- react 16.2.0
- rimraf 2.6.2
- rollup 0.56.5
- react-dom 16.2.0
- babel-core 7.0.0-bridge.0
- babel-jest 22.4.0
- @babel/core 7.0.0-beta.40
- @babel/runtime 7.0.0-beta.40
- @babel/preset-env 7.0.0-beta.40
- @babel/preset-react 7.0.0-beta.40
- rollup-plugin-babel 4.0.0-beta.2
- rollup-plugin-uglify ^3.0.0
- @babel/preset-stage-2 7.0.0-beta.40
- rollup-plugin-commonjs ^9.0.0
- rollup-plugin-node-resolve ^3.2.0
- @babel/plugin-transform-runtime 7.0.0-beta.40
- babel-plugin-annotate-pure-calls 0.3.0-beta.0
- babel-plugin-transform-react-remove-prop-types 0.4.13
Dependents (1)