Gathering detailed insights and metrics for react-motion-layout
Gathering detailed insights and metrics for react-motion-layout
Installations
npm install react-motion-layoutDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
12.14.1
NPM Version
6.14.2
Score
66
Supply Chain
78
Quality
74.7
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Contributors
1
Love this project? Help keep it running — sponsor us today! 🚀
Download Statistics
Total Downloads
16,241
Last Day
1
Last Week
46
Last Month
237
Last Year
2,201
Bundle Size
68.25 kB
Minified
21.52 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
0.1.3
Package Id
react-motion-layout@0.1.3
Unpacked Size
464.89 kB
Size
105.16 kB
File Count
7
NPM Version
6.14.2
Node Version
12.14.1
Total Downloads
Cumulative downloads
Total Downloads
16,241
Last Day
0%
1
Compared to previous day
Last Week
-45.2%
46
Compared to previous week
Last Month
111.6%
237
Compared to previous month
Last Year
-24.5%
2,201
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
Peer Dependencies
3
Dev Dependencies
27
@babel/core@babel/plugin-proposal-class-properties@babel/preset-env@babel/preset-flow@babel/preset-react@rollup/plugin-commonjs@rollup/plugin-node-resolve@storybook/addon-actions@storybook/addon-links@storybook/addons@storybook/reactbabel-eslintbabel-loadereslinteslint-config-airbnbeslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-reacteslint-plugin-react-hooksreactreact-domreact-router-domrollup-plugin-babelrollup-plugin-peer-deps-externalwebpackwebpack-cliwebpack-dev-server
Motion Layout
Create beautiful immersive React hero animations using shared components.
Docs
About
Motivation
There are amazing libraries like framer-motion that help you create animations when mounting or unmounting components. But, if two routes have the same image in different positions and sizes, they cannot be animated together. With Motion Layout, you can link components together to animate them when changing views.
Browser support
Supported on modern versions of all major browsers including:
- Chrome 56+
- Firefox 27+
- IE10+ (including Edge)
- Safari (iOS) 7.1+
- Safari (Mac) 9+
- Firefox Mobile
- Chrome for Android
- Android Webview
Declarative
Easy as wraping your text or images with our SharedElement component.
Isolated
It doesn't require external state management libs.
Router Ready
Dispatch animations when changing routes using our React-Router Link component.
No vulnerabilities found.
No security vulnerabilities found.