Notification Settings
The preference matrix that lets a user choose what they are told about and on which channel.
Account & Settings · 5 checks · 7 resources
Before you ship
5- 01Categories — notification types organised into logical groups e.g. product activity, mentions, billing, security, marketing
- 02Channel selection — controls for which channel each notification type comes through e.g. email, push, in-app
- 03Frequency controls — where applicable, immediately, daily digest, or weekly summary
- 04Global mute — a way to temporarily silence all notifications without turning each one off individually
- 05Save confirmation — a clear indication that preference changes have been saved
Resources that help you build this
7- Radix UI · Unstyled accessible React primitives, plus Themes, Colors and Icons
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- gluestack-ui · CLI-installed React Native component library built on NativeWind and Tailwind v4
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- Humane by Design · 7 digital well-being principles broken into 29 concrete UI best practices
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- Nicely Done · Searchable index of ~199k SaaS screens, 12.5k flows and 29k UI components