Get started with react-motion-ui-pack CDN
MIT licensed
Library offering pre-built Motion UI components for React apps: React Motion UI Pack.
Tags:- react
- component
- react-component
- ui
- motion
- transition
- animation
Stable version
Copied!
How to start using react-motion-ui-pack CDN
import React from 'react';
import { Spring, a } from 'react-motion-ui-pack';
const AnimatedBox = () => (
<Spring from={{ opacity: 0, transform: 'translateX(-100%)' }} to={{ opacity: 1, transform: 'translateX(0%)' }}>
{props => (
<a style={props.style}>
<div>
<p>An animated box</p>
</div>
</a>
)}
</Spring>
);
const App = () => {
return (
<div style={{ height: '100vh' }}>
<AnimatedBox />
</div>
);
};
export default App;
Copied!
Copied!