use-scroll-to-reveal

React hook for using scroll to reveal components

Usage no npm install needed!

<script type="module">
  import useScrollToReveal from 'https://cdn.skypack.dev/use-scroll-to-reveal';
</script>

README

use-scroll-to-reveal

React hook for using scroll to reveal components

NPM JavaScript Style Guide

Install

npm install --save use-scroll-to-reveal

Usage

import React, { useRef } from 'react'

import { useScrollToReveal } from 'use-scroll-to-reveal'

const Example = () => {
  const ref = useRef()
  const revealed = useScrollToReveal(ref)
  return (
    <MyCompnentThatAnimatesWhenRevealedIsTrue
      ref={ref} revealed={revealed}/>
  )
}

License

MIT © Hermanya