import React from 'react';

  import { ElementInViewport } from 'react-element-in-viewport';
  import 'react-element-in-viewport/dist/dist/ReactElementInViewport.css';
  // or
  // import 'react-element-in-viewport/dist/dist/ReactElementInViewport.min.css';
  
  function App(){
    return (
      <div >
        <ElementInViewport animation={'bounce'}>
          <div>
            animation bounce
          </div>
        </ElementInViewport>
        <ElementInViewport animation={'flash'}>
          <div>
            animation flash
          </div>
        </ElementInViewport>
        <ElementInViewport animation={'pulse'}>
          <div>
            animation pulse
          </div>
        </ElementInViewport>
        {/* {...} */}
      </div>
    );
  }