Shadcn.io is not affiliated with official shadcn/ui
Right Drawer Notifications
A React right drawer notifications panel with unread count badge, scrollable notification list with timestamps, and mark all as read action for activity feeds
Notification dropdowns hide when you click—drawers let you browse while staying visible. This React right drawer shows notifications with unread indicators, timestamps, and mark all as read. Built with shadcn/ui and Radix UI with Badge and Bell icon—perfect for social apps, collaboration tools, or dashboards with activity feeds.
Right Drawer Notifications preview
Installation
Related Components
Simple Right Drawer
Basic right drawer structure
Right Drawer Shopping Cart
Similar scrollable list with items
Left Drawer Notifications
Notifications from left side
Notifications Popover
Compact notifications in popover
Notifications Dialog
Full-screen notifications modal
Notifications Sheet
Alternative notifications panel
FAQ
Was this page helpful?
Sign in to leave feedback.
Right Drawer Filter Panel
A React right drawer filter panel with checkboxes for categories, slider for price range, and rating filters for e-commerce and search interfaces
Right Drawer Settings Panel
A React right drawer settings panel with toggle switches for notifications and privacy preferences organized in labeled sections for app configuration