ns-ui
A notification bell whose clapper physically rings — arrivals add an impulse to a damped harmonic oscillator swinging the clapper and recoiling the bell body, bursts read as one cumulative swing rather than N separate dings, and opening the tray damps the bell to rest and drains the badge.
Use when a bell whose arrivals should accumulate physically, a burst reading as one cumulative swing rather than N separate dings, with opening the tray damping it to rest and draining the badge; pick badge-unread-tarnish instead when the pip should encode staleness rather than arrival impulse, or feed-escapement when the arrivals themselves need metering into the list one at a time.
Install
npx shadcn add https://design.helpmarq.comns-ui / notification-bell-swing
Arrivals swing the clapper cumulatively; opening the tray damps the bell to rest and drains the badge.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | ClapperBellItem[] | — | Append-only notification list; ids not seen on a previous render are treated as arrivals. |
| className? | string | — | — |