Liquid Navbar

August 2, 2024

In August of 2024 I saw this cool navbar concept in a tweet by the designer Kumail Nanji and I decided to recreate an interactive version of it in code.

The animation utilizes Framer Motion and an SVG gooey effect by Jhay, to create the smooth liquid effect between different states.

I shared the concept on my own twitter as part of my #buildinpublic series.

A portrait of Michael Sommer, the Design Engineer
hi 👋🏻
index
path
kanon
contact
A portrait of Michael Sommer, the Design Engineer