Gathering detailed insights and metrics for react-spring
Gathering detailed insights and metrics for react-spring
Gathering detailed insights and metrics for react-spring
Gathering detailed insights and metrics for react-spring
@react-spring/core
The platform-agnostic core of `react-spring`
@visx/react-spring
visx primitives that rely on react-spring for animation
@react-spring/parallax
```bash yarn add @react-spring/parallax ```
react-spring-bottom-sheet
✨ Accessible, 🪄 Delightful, and 🤯 Performant. Built on react-spring for the web, and react-use-gesture.
✌️ A spring physics based React animation library
npm install react-spring
Typescript
Module System
Node Version
NPM Version
44.4
Supply Chain
44.4
Quality
72.5
Maintenance
50
Vulnerability
95.1
License
Updated on 05 Dec 2024
Minified
Minified + Gzipped
TypeScript (98.84%)
JavaScript (0.6%)
Shell (0.36%)
CSS (0.12%)
HTML (0.09%)
Cumulative downloads
Total Downloads
Last day
5.2%
Compared to previous day
Last week
-15%
Compared to previous week
Last month
16.7%
Compared to previous month
Last year
-2.9%
Compared to previous year
react-spring
is a cross-platform spring-physics first animation library.
It's as simple as:
1const styles = useSpring({ 2 from: { 3 opacity: 0 4 }, 5 to: { 6 opacity: 1 7 } 8}) 9 10<animated.div style={styles} />
Just a small bit about us:
react-dom
, react-native
, react-three-fiber
, react-konva
& react-zdog
.There's a lot more to be had! Give it a try and find out.
1# Install the entire library 2npm install react-spring 3# or just install your specific target (recommended) 4npm install @react-spring/web
1import { animated, useSpring } from '@react-spring/web' 2 3const FadeIn = ({ isVisible, children }) => { 4 const styles = useSpring({ 5 opacity: isVisible ? 1 : 0, 6 y: isVisible ? 0 : 24, 7 }) 8 9 return <animated.div style={styles}>{children}</animated.div> 10}
It's as simple as that to create scroll-in animations when value of isVisible
is toggled.
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!
And many others...
Thank you to all our backers! 🙏 If you want to join them here, then consider contributing to our Opencollective.
This project exists thanks to all the people who contribute.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
12 commit(s) and 8 issue activity found in the last 90 days -- score normalized to 10
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 8/22 approved changesets -- score normalized to 3
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
34 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More