👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Account Notification Preferences
Notification preferences panel with toggles for email notifications, push notifications, and communication settings organized by category
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Notification overload ruins user experience. This React notification settings panel groups preferences into logical categories—account activity, marketing, and updates—with individual email and push toggles for each. Built with shadcn/ui Card, Switch, and Label components with Lucide React icons, users can granularly control which notifications they receive and through which channels. Visual grouping with section headers and muted descriptions—perfect for user dashboards, account settings, or any app where giving users notification control reduces unsubscribes and improves engagement.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/account-notifications-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/account-notifications-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/account-notifications-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/account-notifications-01.jsonRelated blocks you will also like
Account Email Preferences
Email address management
Account Appearance Settings
Theme and display preferences
Account Privacy Settings
Privacy and data control
Account Basic Information
Personal details and profile info
Account Security Settings
Password and 2FA management
Account Connected Accounts
Link social media accounts
Questions you might have
Account Third-Party Integrations
Third-party service integrations with OAuth connections, verification codes, toggle controls, and connected account management
Account Notification Inbox
Notification inbox with table display showing notification history, types, timestamps, read/unread status, batch actions, and mark as read functionality