Gathering detailed insights and metrics for rc-motion
Gathering detailed insights and metrics for rc-motion
Installations
npm install rc-motionDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
22.5.1
NPM Version
10.8.2
Score
93.2
Supply Chain
93
Quality
83.1
Maintenance
100
Vulnerability
100
License
Releases
50
@rc-component/motion@1.1.4
@rc-component/motion@1.1.4
Updated on Feb 18, 2025
@rc-component/motion@1.1.3
@rc-component/motion@1.1.3
Updated on Feb 11, 2025
@rc-component/motion@1.1.2
@rc-component/motion@1.1.2
Updated on Feb 11, 2025
@rc-component/motion@1.1.1
@rc-component/motion@1.1.1
Updated on Feb 11, 2025
@rc-component/motion@1.1.0
@rc-component/motion@1.1.0
Updated on Feb 10, 2025
v2.9.5
v2.9.5
Updated on Dec 19, 2024
Languages
3
TypeScript
JavaScript
Shell
TypeScript (98.83%)
JavaScript (1.07%)
Shell (0.1%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
165 Stars
136 Commits
47 Forks
5 Watchers
4 Branches
38 Contributors
Updated on Jun 17, 2025
Maintainers
4
Package Meta Information
Latest Version
2.9.5
Package Id
rc-motion@2.9.5
Unpacked Size
104.22 kB
Size
16.86 kB
File Count
55
NPM Version
10.8.2
Node Version
22.5.1
Published on
Dec 19, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
rc-motion
React lifecycle controlled motion library.
Live Demo
https://react-component.github.io/motion/
Install
Example
1import CSSMotion from 'rc-motion'; 2 3export default ({ visible }) => ( 4 <CSSMotion visible={visible} motionName="my-motion"> 5 {({ className, style }) => <div className={className} style={style} />} 6 </CSSMotion> 7);
API
CSSMotion
| Property | Type | Default | Description |
|---|---|---|---|
| motionName | string | - | Config motion name, will dynamic update when status changed |
| visible | boolean | true | Trigger motion events |
| motionAppear | boolean | true | Use motion when appear |
| motionEnter | boolean | true | Use motion when enter |
| motionLeave | boolean | true | Use motion when leave |
| motionLeaveImmediately | boolean | - | Will trigger leave even on mount |
| motionDeadline | number | - | Trigger motion status change even when motion event not fire |
| removeOnLeave | boolean | true | Remove element when motion leave end |
| leavedClassName | string | - | Set leaved element className |
| onAppearStart | (HTMLElement, Event) => CSSProperties | void; | - | Trigger when appear start, return style will patch to element |
| onEnterStart | (HTMLElement, Event) => CSSProperties | void; | - | Trigger when enter start, return style will patch to element |
| onLeaveStart | (HTMLElement, Event) => CSSProperties | void; | - | Trigger when leave start, return style will patch to element |
| onAppearActive | (HTMLElement, Event) => CSSProperties | void; | - | Trigger when appear active, return style will patch to element |
| onEnterActive | (HTMLElement, Event) => CSSProperties | void; | - | Trigger when enter active, return style will patch to element |
| onLeaveActive | (HTMLElement, Event) => CSSProperties | void; | - | Trigger when leave active, return style will patch to element |
| onAppearEnd | (HTMLElement, Event) => boolean | void; | - | Trigger when appear end, will not finish when return false |
| onEnterEnd | (HTMLElement, Event) => boolean | void; | - | Trigger when enter end, will not finish when return false |
| onLeaveEnd | (HTMLElement, Event) => boolean | void; | - | Trigger when leave end, will not finish when return false |
CSSMotionList
extends all the props from CSSMotion
| Property | Type | Default | Description |
|---|---|---|---|
| keys | React.Key[] | - | Motion list keys |
| component | string | React.ComponentType | div | wrapper component |
Development
npm install
npm start
License
rc-motion is released under the MIT license.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE.md:0
- Info: FSF or OSI recognized license: MIT License: LICENSE.md:0
Reason
0 existing vulnerabilities detected
Reason
Found 6/30 approved changesets -- score normalized to 2
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/main.yml:1
- Info: no jobLevel write permissions found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yml:5: update your workflow using https://app.stepsecurity.io/secureworkflow/react-component/motion/main.yml/master?enable=pin
- Info: 0 out of 1 third-party GitHubAction dependencies pinned
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 13 are checked with a SAST tool
Score
3.6
/10
Last Scanned on 2025-07-07
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