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.

Demo

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 https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://fontawesome.com/Font Awesome 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 84 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 »

3 Likes

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

    for real though zachleat.com/web/infinity-b… 😅

  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 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)