╔═════════════════════════════════════════════════════════════════╗ ║ ║ ║ ❄️ ❄️ ❄️ LET IT SNOW ON YOUR SITE ❄️ ❄️ ❄️ ║ ║ ║ ║ ✨ Free • Open Source • No Signup ✨ ║ ║ ║ ╚═════════════════════════════════════════════════════════════════╝
A free, lightweight snow overlay for any website. No account, no tracking, no nonsense. Just copy & paste one line of code and watch it snow! ❄️
Perfect for:
Add this line before your closing </body> tag:
<!-- LetItSnow.js - Free snow widget -->
<script src="https://lozturner.github.io/letitsnow/letitsnow.js" defer></script>
That's it! Snow will start falling on your entire page. ❄️
Snow falls across your entire website:
<script src="https://lozturner.github.io/letitsnow/letitsnow.js" defer></script>
Add snow to just one section of your page:
<div id="letitsnow-area">
<!-- Your content here -->
</div>
<script src="https://lozturner.github.io/letitsnow/letitsnow.js" defer></script>
Control density, speed, and size:
<div id="letitsnow"
data-density="high"
data-speed="medium"
data-size="large"></div>
<script src="https://lozturner.github.io/letitsnow/letitsnow.js" defer></script>
Options:
data-density: low, medium, high (default: medium)data-speed: slow, medium, fast (default: medium)data-size: small, medium, large (default: medium)WordPress, Wix, Squarespace, Shopify:
Multiple ways to load the script:
<!-- GitHub Pages (Main) -->
<script src="https://lozturner.github.io/letitsnow/letitsnow.js" defer></script>
<!-- jsDelivr CDN (Alternative) -->
<script src="https://cdn.jsdelivr.net/gh/lozturner/letitsnow@main/letitsnow.js" defer></script>
Spread the snow! Here's how I'm sharing this:
Check the background - snow is falling!
┌─────────────────────────────────────────────────────────────┐ │ * ❄ * ❄ * ❄ * ❄ * ❄ * ❄ * ❄ │ │ ❄ * ❄ * ❄ * ❄ * ❄ * ❄ * ❄ * │ │ * ❄ * ❄ * ❄ * ❄ * ❄ * ❄ * ❄ │ └─────────────────────────────────────────────────────────────┘'; } else if (type === 'container') { code = '