Notification Bell
Notification bell with badge counter and dropdown feed. Displays clickable items with icons and smooth animations. Clean, responsive, and customizable.
Made with Workshop
Build your own component with AI
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
