Hey Product Hunt 👋

Notifications on the web are usually a toast in the corner that disappears. On a Mac they do more: they stack by app, you swipe them away, you expand one to reply, and whatever you missed waits in Notification Center. I wanted that in my web apps, so I built Notify.

What you get:

• <Notifier /> once in your layout, notify() from anywhere

• Stacks by app, swipe to dismiss, actions and inline replies

• Notification Center with history, Focus (Do Not Disturb) and per-app muting

• Live progress you update in place, and time-sensitive alerts that break through Focus

• Glass, regular, thick and solid materials, light and dark

• Right-to-left layouts, localized times and every label replaceable. The playground has Arabic, Traditional and Classical Chinese, plus two invented alphabets, Elvish and Orkish

• Screen reader announcements, full keyboard control and Reduce Motion support

• 9.6 kB gzipped

It's free to use, commercial projects included. The playground lets you tune every prop, send a real notification to the page and copy the code.

I'd love to know: what's the first notification you'd send with it, and what's missing?

Notify - macOS-style notifications for React and Next.js

Replies