<script type="text/javascript" src="https://gauravkrp.com/snowify.min.js"></script>
<script>
initSnowify(); // this should be called after DOM is loaded, so you may put it in window.onload or $(document).ready or at the end of body tag
/** or, use like below to customize it */
initSnowify({
snowColor: 'white', // can be white, offWhite, veryLightBlue, lightBlue, blue // optional, default is white
snowCount: 200, // optional, default is 200
});
</script>
React usage is similar
// _document.tsx or _document.jsx
import Script from 'next/script';
// add the following code in the <Head> section of the _document.tsx file
<Script
id="snowify"
strategy="afterInteractive"
src="https://gauravkrp.com/snowify.min.js"
/>
<Script
id="snowify-init"
strategy="lazyOnload"
dangerouslySetInnerHTML={{
__html: `initSnowify({
snowColor: 'offWhite',
snowCount: 120,
});`,
}}
/>