Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Onboarding Preferences
Preferences panel with toggle options, category groups, and personalization settings for user customization
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Personalize experiences with this preferences panel. Features toggle switches grouped by category, option descriptions, and save preferences button. Built with shadcn/ui Card, Switch, and Button. Perfect for notification settings, privacy choices, or user preference flows.
Notifications
Receive updates via email
Get alerts on your device
Summary of activity each week
Privacy
Allow others to see your profile
Display when you're online
Help us improve with anonymous data
Experience
Display helpful suggestions
Enable power user shortcuts
Installation
Related blocks you will also like
React Onboarding Profile
Profile setup
React Onboarding Use Case
Use case selection
React Onboarding Notifications
Notification permissions
React Onboarding Locale
Language and region
React Onboarding Security
Security setup
React Onboarding Personalization
Content personalization