👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Account Security Settings
Account security settings with password change, two-factor authentication toggle, and active sessions management
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Security shouldn't be buried in settings menus. This React security panel puts password management, 2FA toggle, and session monitoring front and center. Built with shadcn/ui Card, Input, Switch, and Button components with Lucide React icons, users can update passwords with show/hide toggles, enable two-factor authentication with one switch, and view active login sessions with device details. Clean section dividers and destructive action warnings—perfect for user dashboards, account settings pages, or any app where security controls need to be accessible without overwhelming users.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/account-security-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/account-security-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/account-security-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/account-security-01.jsonRelated blocks you will also like
Account Backup Codes
2FA recovery codes
Account Privacy Settings
Privacy and data control
Account API Keys
API key management
Account Activity Log
View account activity history
Account Email Preferences
Email address management
Account Connected Accounts
Link social media accounts
Questions you might have
Account Referral Program
Referral program dashboard with unique referral links, reward tracking, referral statistics, social sharing, and earnings visualization
Account Active Sessions
Active session management with device tracking, location information, last active timestamps, current session highlighting, and remote logout functionality