Block

Login Card

Centered card layout with gradient header

Installation

npx shadcn add @mylo-ui/login-card

MyloUI

Secure

Enter your details below to continue

Or with email

Don't have an account? Create account

By signing in, you agree to our Terms of Service and Privacy Policy

import { LoginCard } from "@/components/blocks/login-card"

export default function Page() {
  return <LoginCard />
}

lucide-react

button

input

card

checkbox

More login blocks you might like

Basic email/password form with clean validation states

Full split-screen layout with image/gradient sidebar