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.
Notification Builder
Real Notification API: permission flow, options and action log
Permission
unsupportedrequestPermission() 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
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.
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
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
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