👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Account Third-Party Integrations
Third-party service integrations with OAuth connections, verification codes, toggle controls, and connected account management
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Managing service integrations shouldn't be complicated. This React integrations panel shows connected third-party services like GitHub, Spotify, Discord with toggle controls and verification codes. Built with shadcn/ui Card, Badge, Button, Accordion, Switch, and Label components with Lucide React icons, users can enable/disable integrations, view connection status, copy verification codes, and manage linked accounts. Clear security warnings and category badges—perfect for user dashboards, developer portals, or any app with OAuth integrations where visual connection management reduces confusion.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/account-integrations-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/account-integrations-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/account-integrations-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/account-integrations-01.jsonRelated blocks you will also like
Account Connected Accounts
Link social media accounts
Account API Keys
API key management
Account Security Settings
Password and 2FA management
Account Webhooks
Webhook endpoint management
Account Privacy Settings
Privacy and data control
Account Team Members
Team collaboration and roles
Questions you might have
Account Email Preferences
Email address management with multiple email support, primary email selection, verification status badges, and add/remove email functionality
Account Notification Preferences
Notification preferences panel with toggles for email notifications, push notifications, and communication settings organized by category