Components
Loading preview...
The Split Login Card is a modern and professional login component built entirely with shadcn UI. Its layout is split into two sections: the left side features a clean, welcoming message with a subtle gradient background and a centered illustration, creating a friendly yet minimal look, while the right side houses the login form with input fields and a primary action button. Designed for clarity and readability, the card balances whitespace and content, works seamlessly in both light and dark themes, and provides a polished, branded experience that enhances user engagement and trust.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/split-login-cardimport SplitLoginCard from "@/components/ui/split-login-card";
export default function DemoOne() {
return <SplitLoginCard />;
}