If you’re using an older version of ScrollReveal, you can find legacy documentation in the wikiįor commercial sites, themes, projects, and applications, keep your source code private/proprietary by purchasing a Commercial License. Fundamentally, this is how to use ScrollReveal: There’s a lot we can do with this instance, but most of the time we’ll be using the reveal() method to create animation. This means we can call it anywhere, worry-free. ScrollReveal employs the singleton pattern no matter how many times the constructor is called, it will always return the same instance. Calling this function returns the ScrollReveal instance, the “brain” behind the magic. Installation provides us with the constructor function ScrollReveal(). Learn more at Module npm install scrollrevealĬommonJS const ScrollReveal = require('scrollreveal')ĮS2015 import ScrollReveal from 'scrollreveal' Without specifying a fixed version number, Unpkg may delay your page load while it resolves the latest version. This will create the global variable ScrollRevealīe careful using this method in production. It was designed to be robust and flexible, but hopefully you’ll be surprised below at how easy it is to pick up.Ī simple and fast way to get started is to include this script on your page: ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the viewport.

Animate elements as they scroll into view.

Scroll reveal unpkg