Zach’s ugly mug (his face) Zach Leat­herman

<icon-fall> Web Component

00 September 16, 2026
🚾Web Component@zachleat/icon-fall

A web component to rain Font Awesome icons down your web site.

0%
Versions
1 version in
1.0.0
New
Audit
-
Issues
0
PRs
0

I’ve been doing some spring/fall cleaning and found an unpublished follow-up component to <snow-fall> (a web component to “snow” on your website — which also happens to work with emoji too). Originally it was created as an easter egg for Blog Awesome (click on the Font Awesome flag in the very bottom of the footer) but others have wanted to use it for more things!

Presenting: <icon-fall>:

It’s in use on this page (if you are on my web site and not in a feed reader). You can also install it with npm install @zachleat/icon-fall.

It has options for count (attribute, number of icons) and a comma separated list of colors (via --icon-fall-colors custom property).


IndieWeb Avatar for https://unsplash.com/Poster image by Johannes Plenio

< Older
Table of Contents Web Component

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at Font Awesome and the creator of Build Awesome (née IndieWeb Avatar for https://www.11ty.devEleventy/11ty), an award-winning open source website generator. He measures website performance with speedlify and at one point became too fixated on web fonts. He has given 89 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)