Low level internal utilities to be shared amongst Eleventy projects
@11ty/dependency-tree@5.0.0-alpha.2
Finds all local JavaScript and TypeScript dependencies (ES module imports and CommonJS require()) from a filename.
@11ty/dependency-tree@5.0.0-alpha.1
Finds all local JavaScript and TypeScript dependencies (ES module imports and CommonJS require()) from a filename.
Don’t forget about <syntax-highlight>, the original CSS Custom Highlight API syntax highlighter web component from @andreruffert.com!
Materialists, 2025
Watched on Monday October 12, 2026.
The Drama, 2026 - ★★★★
Watched on Monday October 12, 2026.
zachleat/web-component-star-search
Resident Evil, 2026 - ★★★★
“Video games!!”
@awesome.me/buildawesome@0.0.3
A simpler way to build awesome web sites.
@awesome.me/buildawesome@0.0.2
A simpler way to build awesome web sites.
went to the local historic theater and watched goonies: four tickets, large popcorn, two candies, and two sodas: $18. huh??
The Goonies, 1985 - ★★★★★
Watched on Saturday October 3, 2026.
I live every day praying that every single damn website on the world wide web will ask me to sign in with google and truly these are blessed times to be alive
zachleat/list-all-tabs
Firefox extension to list tabs, find duplicates, and close them.
did anyone, uh, test it with multi-account containers before they shipped it or no

firefox 157 really leaned hard into border-radius on the tabs huh
*slaps roof of backpack*

On a scale from zero to “I design my own backpack with its code in it”, how much do you like @11ty.dev?
@11ty/eleventy-plugin-rss@3.1.0
Generate an Atom, RSS, or JSON feed.
@11ty/posthtml-urls@2.0.0
PostHTML plugin for transforming URLs. A fork of posthtml/posthtml-urls.
@11ty/eleventy-dev-server@3.0.0-alpha.12
A minimal, modern, generic, hot-reloading local web server to help web developers.
@zachleat/fetch-links@2.0.0
Utility to fetch hyperlinks from a URL.
“Why’s your website slow?”
Add these 4 words to your vocabulary right now, experts say: They can make you more influential at work
Add these 4 words to your vocabulary right now, experts say: They can make you more influential at work
Incorporating a handful of simple words into your vocabulary can make you more persuasive, according to a Wharton professor, a Harvard study and more.
this is the model I used, if you too want to spend about 10.8 days of printer time doing this https://makerworld.com/en/models/635683-catacombs-skull-wall-tiles
got a better picture of these bad boys — halloween is imminent!

<wa-combobox allow-create multiple> is *rad* webawesome.com/docs/compone...
<wa-combobox> can pull options from your server now!
Set a dataSource callback, get debounced fetch + loading/error/empty slots, and improve performance by not shipping thousands of options in your DOM.
printed some skulls to fill our sidelight windows. lesson learned: don’t assume the left and right windows are the same size 🫠

Unabomber, 2026 - ★★★★
Watched on Saturday September 26, 2026.
Coyote vs. Acme, 2026 - ★★★★
Watched on Saturday September 26, 2026.
the awkward part of this post is that if these companies improve the performance of their websites it will change the meaning of the post (since those filmstrips update over time)
so far I’m about 5% worried about it
I like my website
@zachleat/table-of-contents@2.0.0
A zero-dependency web component that progressively enhances (or optionally client renders) a table of contents from the headings on the page and highlights visible sections.
AI, Make the Website Good
is candy corn was really corn they would have used it to make ethanol by now
@zachleat/browser-window@3.0.1
Used in demos as a way to fake a Safari-esque web browser window.
Star Trek: First Contact, 1996 - ★★★★
Watched on Tuesday September 22, 2026.
https://loveandpickpockets.com/ is #BuiltAwesome by Gary Beason 🏆
“take power into your own hands and make a website that much like a cockroach, can survive” — @hikatamika.com
another day, another “Application error: a client-side exception has occurred while loading ■■■ (see the browser console for more information).”
“AI, make the website good”
import-module-string@3.0.0
Use import('data:') and import(Blob) to execute arbitrary JavaScript strings
speedlify2-score@1.1.0
A zero-dependency web component showing Lighthouse scores for a URL, published by a speedlify2 instance.
I have ascended my existence to the perfect amount of extremely online
no one should be more online or less online than me, an extremely healthy person that very closely scrutinizes the degree to which I am online (very healthily!)
Supergirl, 2026 - ★★★
Watched on Sunday September 20, 2026.
“AI, make the website good”
Pirates of the Caribbean: The Curse of the Black Pearl, 2003 - ★★★★
Watched on Sunday September 20, 2026.
(it’s almost as if I am building something…)
<table-of-contents>
https://www.zachleat.com/web/table-of-contents/
(on a packaging/releasing spree! three new-to-you web components this week 👀)
personally I believe today’s @fontawesome.com morning slack emoji kata deserves to be more widely appreciated

@11ty/eleventy-plugin-bundle@4.0.3
Little bundles of code, little bundles of joy.
why can’t I approve and you validate async before publish? I’m waiting 😅

@bramus added some benchmarks: https://chrome.dev/css-selector-benchmark/?category=Shadow+DOM
Reads to me as Light > Shadow > Light/Shadow 50/50 mix
@bram.us added some benchmarks: chrome.dev/css-selector...
Seems like Light > Shadow > Light/Shadow 50/50 mix
@zachleat/solar-eclipse-toggle@2.2.1
An accessible light/dark theme toggle button that follows your system preference by default.
@zachleat/solar-eclipse-toggle@2.2.0
An accessible light/dark theme toggle button that follows your system preference by default.
I should have named it <icon-spring>
@11ty/font-awesome@2.0.0
Optimized per-page tree-shaken SVG spritesheets for Eleventy.
For reusable components: has anyone stress tested the seams around Light versus Shadow DOM?
Hypothetically: 20 light DOM nodes per instance versus 1 light DOM node (with 19 shadow DOM nodes) per instance. 40 vs. 1+39? and instances?
I don’t think I have a baseline intuition on the costs there.
@zachleat/browser-window@3.0.0
Used in demos as a way to fake a Safari-esque web browser window.
@zachleat/browser-window@2.0.1
Used in demos as a way to fake a Safari-esque web browser window.
You too can add the ambiance of hundreds of @fontawesome.com icons gently cascading down your website
https://www.zachleat.com/web/icon-fall/
(Please use responsibly)
zachleat/bundlewhys
A static site reporting browser bundle sizes of front-end npm packages.
Icon Fall Web Component
@zachleat/icon-fall@1.0.0
A web component to rain Font Awesome icons down your web site.
zachleat/icon-fall
A web component to rain Font Awesome icons down your web site.
This 352.8 kB react component with 8.1M million weekly downloads can go away when CSS `field-sizing` browser support expands.
@zachleat/table-of-contents@1.0.1
A zero-dependency web component that client renders a table of contents from the headings on the page.
Table of Contents Web Component
zachleat/table-of-contents
@zachleat/table-of-contents@1.0.0
A zero-dependency web component that client renders a table of contents from the headings on the page.
what paid wordpress tier do I need to maximize c-suite uptime
thank you to @cwilcox808 for the collab!
New web component dropped: <solar-eclipse-toggle>
https://www.zachleat.com/web/solar-eclipse/
(look, sometimes I open source code just so I can use it on all of my websites)
@zachleat/solar-eclipse-toggle@2.1.3
An accessible light/dark theme toggle button that follows your system preference by default.
@zachleat/solar-eclipse-toggle@2.1.2
An accessible light/dark theme toggle button that follows your system preference by default.
@zachleat/solar-eclipse-toggle@2.1.1
An accessible light/dark theme toggle button that follows your system preference by default.
Contact, 1997 - ★★★★★
Watched on Sunday September 13, 2026.
@zachleat/solar-eclipse-toggle@2.1.0
An accessible light/dark theme toggle button that follows your system preference by default.
@zachleat/solar-eclipse-toggle@2.0.1
An accessible light/dark theme toggle button that follows your system preference by default.
Solar Eclipse Toggle Web Component (two state dark/light mode toggle)
@zachleat/solar-eclipse-toggle@2.0.0
An accessible light/dark theme toggle button that follows your system preference by default.
@zachleat/solar-eclipse-toggle@1.0.1
An accessible light/dark theme toggle button that follows your system preference by default.
@zachleat/solar-eclipse-toggle@1.0.0
An accessible light/dark theme toggle button that follows your system preference by default.
zachleat/solar-eclipse-toggle
https://www.youtube.com/watch?v=53kc2QjGxnY is a great video from @vkc@linuxmom.net about creating a Podcasting Platform using static websites and the magical powers of 🪄 RSS!
Trying out a Two-state Dark Mode Toggle
getting real tired of upgrading my web components every time a new major version of web components comes out
does anyone else remember wurfl — just me? ok
does anyone remember wurfl
new iphone is out — don’t forget to update your user agent lists for those m-dot sites everyone
@rest hey, sorry to bug you but I stumbled across your website when looking at https://www.speedlify.dev/site/www-troyv-dev/ and saw that you have about 45MB of mp3 that are loading on every visit and just wanted to make sure you aren’t paying for the bandwidth there! if that was intentional, ignore me!
I wrote it up here: https://fediverse.zachleat.com/@zachleat/117241597706274918
I wrote it up here: bsky.app/profile/zach...
New post 📮 I was tired of building 474 separate pages for Open Graph Images
(my friend @lynnandtonic.com has merch for the very cool website they built and you should buy some too cottonbureau.com/people/nestf...)
come watch Angels with Filthy Souls with me on https://nestflix.fun/angels-with-filthy-souls/

