Notification Settings
Account & Settings · 5 checks · 8 resources
The preference matrix that lets a user choose what they are told about and on which channel.
Before you ship
- 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
- Radix UI · Unstyled accessible React primitives, plus Themes, Colors and IconsComponent LibrariesS
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP serverComponent LibrariesS
- gluestack-ui · CLI-installed React Native component library built on NativeWind and Tailwind v4Component LibrariesA
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocksComponent LibrariesA
- Humane by Design · 7 digital well-being principles broken into 29 concrete UI best practicesDesign Systems & Brand GuidelinesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- Nicely Done · Searchable index of ~199k SaaS screens, 12.5k flows and 29k UI componentsInspiration GalleriesB
- SaaSFrame · 5,000+ SaaS screens, flows, emails, patterns, responsive views, Figma files and screenshot text searchInspiration GalleriesB