Check If A React Component In The Viewport – react-on-screen

Provide a component to wrap your react component and check if there are visible on the screen. You can use this component to trigger an entrance animation for instance!


  • Don’t rely on findDOMNode. So it can be used with a stateless component.
  • Transfer all the props to the wrapped component
  • Visibility can be tracked only once
  • Event listeners are implemented with throttle to avoid memory leaks or performance issues


# Yarn
yarn add react-on-screen

$ npm install react-on-screen



Download Details:

Author: fkhadra

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

You Might Be Interested In:

Add Comment