<link id="jos-stylesheet" rel="stylesheet" href="https://unpkg.com/jos-animation/dist/jos.css" crossorigin="anonymous" />
<script src="https://unpkg.com/jos-animation/dist/jos.min.js"></script>
npm i jos-animation
import JOS from "jos-animation";
<script> JOS.init(); </script>
<script> JOS.init({ disable:false, debugMode:true, passive:true, once:false, animation:"grow", animationInverse:"fade", timingFunction:"ease-in-out", mirror:true, threshold:0, delay:0, duration:.5, startVisible:"false", scrollDirection:"none", scrollProgressDisable:false, intersectionRatio:0, rootMargin_top:"0%", rootMargin_bottom:"-50%", rootMargin:"0% 0% -50% 0%"}); </script>
<div class="jos"></div>
<div class="jos" data-jos_animation="zoom" data-jos_animationInverse="none" data-jos_once="false" data-jos_duration="0.4" data-jos_delay="0" data-jos_timing-function="ease-in-out" data-jos_mirror="true" data-jos_rootMargin="0% 0% -50% 0%" data-jos_rootMargin_top="-10%" data-jos_rootMargin_bottom="-50%" data-jos_scrollDirection="none" data-jos_startVisible="false" data-jos_invoke="myCustomFunction" data-jos_invoke_out="myCustomFunction_onExit" data-jos_scroll="your_scroll_function" data-jos_anchor="#elementID"></div>