Notification Builder - Interactive Web API Lab | IconVault

Build real browser notifications: permission flow, title, body and options builder, action buttons and a fired-notification log. Free, in your browser.

All tools

Notification Builder

Real Notification API: permission flow, options and action log

5 of 5 free uses left
Notifications are not available here. Use a modern browser over HTTPS. The builder still documents every NotificationOptions field.

Permission

unsupported

requestPermission() must be called from a user gesture. If you dismissed it before, use the lock icon in the address bar to reset.

5 of 5 free notifications left.

Actions

OpenDismiss

Actions appear as buttons on supported platforms (Android, desktop Chrome with service-worker-less page notifications limited). Action clicks surface in the log as click events.

Live preview (approximates the OS card)

IconVault demo

This is a real notification fired from your browser.

OpenDismiss

Fired notifications

Fire a notification, then click or dismiss it - the outcome lands here.

About this tool

IconVault's Notification Builder uses the real `Notification` API: walk the permission flow (default, granted, denied), compose title, body and every option (icon, badge, image, tag, actions, vibration, silent), then fire real notifications that appear in your OS notification center, with action clicks logged back in the page. It is free and runs fully in your browser.

You will learn the rules that keep notifications trustworthy: they require permission and a secure context, most browsers only allow them from a user gesture or an installed context, and tags replace duplicates instead of stacking. The lab covers service-worker notifications for background delivery, why actions need careful labels, and the etiquette of never asking for permission on page load.

Frequently asked questions

Popular searches

notification apiweb notifications apibrowser notifications javascriptnotification builderjavascript notificationsdesktop notifications webnotification.requestpermissionnew Notificationnotification optionsnotification actionsnotification tagnotification icon badgeweb notification exampleweb notification tutorialnotification api demonotification playgroundpush notifications webservice worker notificationsshowNotificationnotificationclicknotification permission deniednotification not workingnotifications https requirednotification secure contextrequest permission best practicesnotification etiquettenotification vibrationsilent notificationrenotify optionnotification imagenotification badge androidnotification requireInteractionmdn notification apinotifications chromenotifications safarinotifications firefoxcaniuse notificationsis notification api supportednotification typescripthow to send browser notificationwebsite notificationsalert user javascripttoast vs notificationos notification center webnotification event logtest notifications onlinebrowser notification demotest web notificationsnotification api playground onlinesend notification javascript

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →