---
title: "Browser Toolbar"
url: "https://sanyam.sh/lab/browser-toolbar"
date: "2026-10-31"
---

# Browser Toolbar

Hover reload, then press it. Press back quickly a few times.

the toolbar of a browser, after dia's. a press flattens each icon, and the back arrow lets go of a copy of itself. reload tilts back on a hover, turns on a click and flips into a stop.

key insight: a press redraws the icon's path rather than scaling it, so a 20px glyph flattens with no resampling and every stroke stays crisp.

- Source: https://github.com/SanyamPunia/www/blob/main/components/labs/browser-toolbar/index.tsx