Zach’s ugly mug (his face) Zach Leatherman

The Infinity Hamburger Menu

December 08, 2015

Update November 18, 2023: this code was re-released as a web component!

A whimsical hamburger menu* that goes on forever.

*Not actually a functioning menu.

Notably, this release marks my commitment as the first developer to make Open Source development a key part of my software strategy, as I continue to use and release significant quantities of open source software.


Click or tap the hamburger menu icon on the top of this page. For bonus fun, click more than once.

Get it

  • Available on GitHub
  • npm install infinity-burger

< Newer
In Case You Missed It: 2015
Older >
Using Custom Fonts Responsibly, an Akamai Animated Short

Zach Leatherman IndieWeb Avatar for a builder for the web and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 81 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 »


Marco HengstenbergNaomi See 🤖👩🏻‍🎤❤️🤦‍♀️🤷🏻‍♀️Metalsmith
  1. Zach Leatherman


    for real though… 😅

  2. Emilio Martinez


    I see no hamburger menu 👀 is that expected? I'm on my phone

Shamelessly plug your related post

These are webmentions via the IndieWeb and

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)