A premium split sign-in card (form + cover image) with a light orbiting the outside edge, password reveal, social providers, dark mode and WCAG AA — drop-in, framework-agnostic, zero required props.
- React
- React 19
- TypeScript
Aurora Sign-In Card is a premium, framework-agnostic split login/sign-in card for React 19 + TypeScript + Tailwind CSS. A subtle light orbits the outside edge (CSS transform animation — visible in every browser), the body stays opaque so nothing bleeds inside, and the gradient submit button has a sweeping sheen on hover. Includes a password show/hide toggle, remember-me, forgot-password, and a swappable social-provider row (GitHub / email link / passkey). Real form semantics with stable field names work with any auth SDK or server action. Fully tokenised via CSS variables, dark by default and light-ready, accessible (labelled fields, visible focus, prefers-reduced-motion). No next/image and no brand-logo SVGs — original and license-clean. Single file, default export, lucide-react the only dependency.
- Tailwind CSS
- Login
- Sign in
- Auth UI
- Authentication
- Dark mode
- Accessible
- lucide-react