web snow fall
━━━━━━━━━━━━━

I found snow-fall component from zachleat, and its beautiful... to me. I like the way it looks, its simple and whimsical.

Date: December 9, 2025

I found snow-fall component from [4m[38;2;248;248;242mzachleat[0m <[38;2;248;248;242mhttps://www.zachleat.com/web/snow-fall/[0m>, and its beautiful… to me. I like the way it looks, its simple and whimsical.

[1m[38;2;189;147;249mInstall[0m
[38;2;68;71;90m───────[0m

There is an npm package [38;2;189;147;249m<a href="https://zachleat.com" class="mention" data-name="Zach Leatherman" data-bio="A post by Zach Leatherman (zachleat)" data-avatar="https://www.zachleat.com/og/opengraph-default.png" data-handle="@zachleat">@zachleat</a>/snow-fall[0m if that’s your thing. I like vendoring in small things like this.

[38;2;248;248;242m[code][0m
  curl -o static/snow-fall.js https://raw.githubusercontent.com/zachleat/snow-fall/refs/heads/main/snow-fall.js

I generally save it in my justfile so that I remember how I got it and how to update…. yaya I could use npm, but I don’t for no build sites.

[38;2;248;248;242m[code][0m
  get-snowfall:
      curl -o static/snow-fall.js https://raw.githubusercontent.com/zachleat/snow-fall/refs/heads/main/snow-fall.js

[1m[38;2;189;147;249mUsage[0m
[38;2;68;71;90m─────[0m

Now add the component to your page.

[38;2;248;248;242m[code][0m
  <!-- This belongs somewhere inside <head> -->
  <script type="module" src="snow-fall.js"></script> <!-- Adjust the src to your path -->

  <!-- This belongs somewhere inside <body> -->
  <!-- Anything before will be below the snow. -->
  <snow-fall></snow-fall>
  <!-- Anything after will show above the snow. -->
