Shadcn.io is not affiliated with official shadcn/ui
Account Notifications
A notification preferences settings block for React and Next.js with category-grouped channel toggles, pause-all master switch, and enabled count summary built with shadcn/ui and Tailwind CSS
Configure granular notification preferences by category and channel with this notification settings block for React and Next.js. Features five notification categories with per-channel toggles for In-app, Email, and Push, a master Pause All switch to silence everything instantly, and a live summary counter of enabled notifications. Built with TypeScript, shadcn/ui Switch, Badge, Button, and Separator components, motion/react animations, and Tailwind CSS. Perfect for SaaS platforms, developer tools, and team collaboration apps.
Related Components
Notifications Inbox
View and manage notification messages
Notification Rules
Set up custom notification rules
Notification Schedule
Schedule notification delivery times
Email Preferences
Email notification settings
Privacy Settings
Privacy and data control settings
Communication Channels
Manage communication channel settings
FAQ
Was this page helpful?
Sign in to leave feedback.
Notification Templates
A SendGrid-style notification template manager for React and Next.js with template cards, channel icons, variable tag chips, expandable previews, duplicate and edit actions built with shadcn/ui and Tailwind CSS
Notifications Inbox
A notification inbox block for React and Next.js with read/unread indicators, expandable messages, filter tabs, bulk actions, and empty states built with shadcn/ui and Tailwind CSS