Shadcn.io is not affiliated with official shadcn/ui
Account Privacy
A privacy shield settings card for React and Next.js with profile visibility controls, data sharing toggles, privacy score indicator, and GDPR data actions built with shadcn/ui and Tailwind CSS
Take control of your digital footprint with this privacy shield settings card for React and Next.js. Features granular visibility selects for profile, messages, and activity, data sharing toggles for analytics, personalization, and third-party integrations, a computed privacy score with color-coded strength indicator, and GDPR-compliant data download and deletion actions. Built with TypeScript, shadcn/ui Select, Switch, Button, and Separator components, motion/react animations, and Tailwind CSS. Perfect for social platforms, SaaS account dashboards, and any app requiring transparent privacy controls.
Related Components
Data Privacy Settings
Detailed data privacy management
Consent Manager
Cookie and consent preferences
Data Export
Export account data
Data Retention
Data retention policies
Security Settings
Password and 2FA management
Cookie Preferences
Cookie tracking settings
FAQ
Was this page helpful?
Sign in to leave feedback.
Preferences
A toggle list preferences card for React and Next.js with categorized settings for general, editor, privacy, and accessibility preferences built with shadcn/ui and Tailwind CSS
Profile Completion
A profile completion progress checklist for React and Next.js with animated progress bar, reward points, step descriptions, and quick action buttons built with shadcn/ui and Tailwind CSS