Toast Notification Stack
A corner stack whose live region is mounted before any message exists, errors announce assertively, and the auto-dismiss timer pauses on hover and on focus.
All blocksProduct
Notifications
7 blocks in this category, each rendered live below. Open any of them for the full source and a copy button.
A block is one finished section of a page — a pricing table, a hero, a footer.
Notification Inbox Panel
The bell panel: filterable list with read state, the unread count in the accessible name rather than only in a badge, and machine-readable timestamps beside the human ones.
Notification Preferences Matrix
Per-event, per-channel switches as a real table, with required notifications locked and explained, and column headers that toggle a whole channel and report a mixed state honestly.
Push Permission Pre-Prompt
The soft ask before the browser dialog you only get one shot at — what will be sent, what will not, and a decline of the same weight as the yes.
Notification Digest
A day's notifications collapsed into one digest, grouped by what they are rather than when they arrived.
Digest Schedule Form
The control that turns notification volume down instead of off, which is the choice most people actually want.
Notification Channel List
Which channel carries which event, so the loud ones can be moved rather than muted entirely.