Components
Loading preview...
The Social Auth First Card is a modern onboarding component built entirely with shadcn UI. It prioritizes social login buttons at the top—Google, GitHub, and LinkedIn—making it quick and easy for users to sign in. Below the social options, an optional traditional login form provides a fallback for email/password authentication. A subtle divider with “or” clearly separates the two sections, maintaining a clean and organized layout. Fully responsive and theme-aware, this card enhances the user experience with a friendly, branded look while supporting both light and dark modes, making it ideal for fast and seamless onboarding.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/social-auth-cardimport SocialAuthCard from "@/components/ui/social-auth-card";
export default function DemoOne() {
return <SocialAuthCard />;
}