Channels
A channel is a delivery method for notifications. When a workflow is triggered, Notifizz routes the notification through the configured channel(s) to reach the recipient.Notification Center
The Notification Center is the primary channel in Notifizz. It is an in-app widget embedded in your frontend that displays notifications in real time. When a notification is delivered through this channel:- The bell icon updates its unread badge count.
- The notification list shows the new notification at the top.
- Updates happen instantly — no page refresh or polling required.
React
NotifizzInbox componentAngular
notifizz-bell componentVanilla JS
createNotifizz() APIWhat the widget provides
Default UI — A bell icon with an unread badge and a dropdown notification center. Works out of the box with zero styling. Custom bell — Replace the default bell with your own element or component. The SDKs provide the unread count and toggle controls; you provide the UI. Headless mode — Skip the bell entirely and build a fully custom notification UI. Use the SDK’s state and methods (open, close, toggle, unread count) to drive your own components.State model
All frontend SDKs expose the same state model for the Notification Center:| Property | Type | Description |
|---|---|---|
isReady | boolean | Whether the widget has finished loading |
isOpen | boolean | Whether the notification center is open |
unreadCount | number | Number of unread notifications |
lastUpdated | number | Timestamp of the last state update |
Future channels
Notifizz is designed to support multiple channels per workflow. Additional channels (email, push notifications, SMS) are on the roadmap. When available, you will be able to configure multi-channel delivery directly from the Notifizz dashboard without changing your backend code.
Next steps
Frontend quickstart
Set up the Notification Center widget in your app in 5 minutes.
Authentication
Choose the right strategy to secure the widget connection.