wtf is brusher?

Brusher is a small JavaScript tool that lets you add an interactive, blur-and-reveal background to any webpage. Instead of showing a static image behind your content, the background starts blurry and lets visitors "brush" away the blur with their mouse or finger, revealing the sharp image underneath, like wiping condensation off a foggy window. To use it, a developer provides an image and a few optional settings, then initializes the tool on the page. The options control things like how wide the brush stroke is, whether the blur snaps back after the user clears it, and how strong the blur effect appears. There's also a live demo linked from the README so you can see the effect in action before installing anything. This would appeal to anyone building a landing page or portfolio who wants a memorable, tactile interaction, something more engaging than a plain hero image. A creative agency could use it to reveal a team photo, a photographer could showcase their work with a playful reveal, or a product page could let visitors "wipe clean" a background to discover what's beneath. One notable thing the README calls out is a performance tradeoff. The tool can generate the blurry background automatically using CSS, but the author recommends supplying a pre-blurred image instead. CSS blur can be computationally expensive for browsers to render in real time, so bringing your own blurred image leads to smoother performance. The README even points you to an external tool for blurring images and includes sample CSS for applying that pre-blurred image as the page background. The project is lightweight, it's written in plain JavaScript with no dependencies, and you can install it through standard package managers or load it directly from a CDN.