Components
Loading preview...
The Auth Tabs Card is a clean and modern login/sign-up component built strictly with shadcn UI components. It combines both authentication forms into a single card with easily switchable tabs, saving space and improving the user experience. Social login buttons at the top allow for fast onboarding, while the plain design ensures it works seamlessly in both light and dark themes. The bottom text dynamically toggles between Sign In and Sign Up, making the interface intuitive and interactive without adding unnecessary clutter. This component is ideal for apps that want a minimal yet functional and user-friendly authentication flow.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/auth-tabs-cardimport AuthTabsCard from "@/components/ui/auth-tabs-card";
export default function DemoOne() {
return <AuthTabsCard />;
}