Shadcn.io is not affiliated with official shadcn/ui
Notifications Popover
Notifications popover with Bell icon, Badge count, header, Separator, and notification list using w-80 width built with shadcn/ui
Notifications demand attention—but not full-screen takeovers. This React popover displays Bell icon with Badge count trigger and notification list with timestamps using shadcn/ui and Lucide React icons. Built with Radix UI primitives, Separator, and typography, notification popovers provide activity feed—perfect for social updates, system alerts, activity streams, message previews, or any application where users need quick access to recent events without navigation.
Notifications Popover preview
Installation
Related Components
Popover with List
Simple list items
Popover with Divider
Sections with separator
Badge
Notification badge
User Profile Popover
Profile card with details
Dropdown Menu
Menu items
Sheet
Slide-out panel
FAQ
Was this page helpful?
Sign in to leave feedback.
Popover with Steps
Multi-step wizard popover with useState step tracking, Previous/Next navigation, and conditional content for onboarding tours built with shadcn/ui
Filter Popover
Filter popover with Filter icon, Checkbox options, Labels, and Apply button using w-80 width for data filtering built with shadcn/ui