Dev Design Library

Notification Bell

A bell icon button with a ring-shake swing, springy unread badge with rolling odometer count, and a pinging dot mode.

Notification Bell preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
framer-motion
Install
npx shadcn@latest add @spectrumui/notification-bell
Files
  • app/registry/notification-bell/notification-bell.tsx
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI