Shadcn.io is not affiliated with official shadcn/ui
Notification Snooze Block
A notification snooze block for React and Next.js with snooze duration buttons for 1 hour, 4 hours, tomorrow, and next week, snoozed items list with wake-up times, and unsnooze action built with shadcn/ui and Tailwind CSS
Manage notification timing with this snooze panel block for React and Next.js. Features quick snooze duration buttons for 1 hour, 4 hours, tomorrow, and next week, a snoozed notifications list showing scheduled wake-up times, and an AlarmClock icon with unsnooze action. Built with TypeScript, shadcn/ui Button and Badge components, Framer Motion staggered animations, and Tailwind CSS. Perfect for SaaS inbox management, team collaboration tools, and messaging app notification controls.
Notification Snooze Block preview
Installation
Related Components
Do Not Disturb
DND mode with schedule options
Notification Inbox
Full inbox panel with tabs
Notification Archive
Archived notification management
Pinned Notifications
Pin important notifications
Account Blocks
User account and settings blocks
CTA Blocks
Call-to-action blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Slide-In Notification Panel Block
A slide-in notification panel block for React and Next.js with right-side panel animation, notification list, clear all action, and close button built with shadcn/ui and Tailwind CSS
Notification Sound Toggle Block
A notification sound settings block for React and Next.js with master sound toggle, per-category Switch controls for messages, alerts, reminders, and mentions, and volume preview built with shadcn/ui and Tailwind CSS