Notification Bell
Notification bell with badge counter and dropdown feed. Displays clickable items with icons and smooth animations. Clean, responsive, and customizable.
About this Component
Add a professional notification center to your site with a sleek bell + dropdown system. The badge count highlights new updates, while the dropdown feed shows recent notifications in a scrollable, polished list.
Features
Bell icon with badge: highlights unread notifications
Dropdown feed: clickable items with icon + text + link
Auto-mark as read: notifications update on open
Scrollable list: handles longer feeds smoothly
Custom controls: notification array, badge color, dropdown width, radius, shadow
Clean design: soft dividers, subtle hover highlights, smooth slide/fade animation
Perfect for SaaS apps, dashboards, or websites that need an elegant, real-time update feed.
Tags: notification, bell, feed, alerts, updates, dropdown, badge, ui, messages, app
