Shadcn.io is not affiliated with official shadcn/ui
Account Sso Config
A SAML SSO configuration card block for React and Next.js with identity provider selection, entity ID and SSO URL fields, certificate upload, attribute mapping table, test connection with status, and enforce toggle built with shadcn/ui and Tailwind CSS
Configure enterprise single sign-on with this SSO configuration card block for React and Next.js. Features an identity provider selector for Okta, Azure AD, OneLogin, and custom SAML, configuration fields for Entity ID and SSO URL, a certificate upload area with validation status, an editable attribute mapping table for email, name, and role claims, a test connection button with real-time status indicator, and an SSO enforcement toggle. Built with TypeScript, shadcn/ui Input, Button, Switch, Select, and Table components, motion/react animations, and Tailwind CSS. Perfect for B2B SaaS admin panels, enterprise security settings, and multi-tenant authentication configuration.
Related Components
Security Settings
Password and 2FA management
Team Members
Team collaboration and roles
Permissions
Role-based access control
Login Providers
Authentication provider setup
Organization Settings
Workspace and org config
Compliance Status
Security compliance tracking
FAQ
Was this page helpful?
Sign in to leave feedback.
Social Profiles
A social profile links editor block for React and Next.js with colored platform badges, follower counts, verified status, copy-to-clipboard URLs, drag reorder handles, and inline add form built with shadcn/ui and Tailwind CSS
Storage
A storage usage dashboard block for React and Next.js with usage ring visualization, category breakdown bars, per-category actions, and upgrade prompt built with shadcn/ui and Tailwind CSS