Get started with 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;