22.5K ·GitHub
What is this?
ScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.
ScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.Is it a standalone app or something I add to my own page's code?It's a small JavaScript library you include in your web page — either via a script tag or as a module — not a standalone application.
It's a small JavaScript library you include in your web page — either via a script tag or as a module — not a standalone application.How do I add it to a page?Include the script from unpkg, which creates a global ScrollReveal variable, or install it via npm and import it as a CommonJS or ES2015 module.
Include the script from unpkg, which creates a global ScrollReveal variable, or install it via npm and import it as a CommonJS or ES2015 module.Is the script-tag method safe to use in production?Be careful with it: without a fixed version number, unpkg may delay your page load while it resolves the latest version, so pin a specific version in production.
Be careful with it: without a fixed version number, unpkg may delay your page load while it resolves the latest version, so pin a specific version in production.Can I use it on a commercial site without paying?Not if you want to keep your code proprietary: commercial sites need a paid Commercial License. Open source projects and non-commercial use are covered by GPLv3 for free.
Not if you want to keep your code proprietary: commercial sites need a paid Commercial License. Open source projects and non-commercial use are covered by GPLv3 for free.Does calling ScrollReveal() more than once create extra instances?No. ScrollReveal uses the singleton pattern — no matter how many times the constructor is called, it always returns the same instance, so you can call it anywhere without conflicts.
No. ScrollReveal uses the singleton pattern — no matter how many times the constructor is called, it always returns the same instance, so you can call it anywhere without conflicts.What are the animations built on?They rely on CSS transforms and transitions. Internally the library ships with tiny helper dependencies: rematrix, tealight and miniraf.
They rely on CSS transforms and transitions. Internally the library ships with tiny helper dependencies: rematrix, tealight and miniraf.Is the project still alive?It's been around since 2014, has over 22k GitHub stars, and is not archived; the README copyright is 2023 by Fisssion LLC.
It's been around since 2014, has over 22k GitHub stars, and is not archived; the README copyright is 2023 by Fisssion LLC.Which topics is it in?transition, scroll, javascript-library, animation, css, browser, html, ui, gplv3, web-development, frontend, library
transition, scroll, javascript-library, animation, css, browser, html, ui, gplv3, web-development, frontend, library