Pro Components

Base Components

Login Page 2

Card layout with logo, Sign up with Google, OR divider, email and password fields, and submit button.

Example

BlakeUIBlakeUI
OR

Don't have an account yet?

Sign up

Introduction

Login Page 2 is a card-based sign-in form:
  • Card: Wraps all content with header and body.
  • Logo and title: Optional logo; “Sign in” heading and short description.
  • Google: “Sign up with Google” button, then OR divider.
  • Email + password: Labeled inputs and “Sign in” submit.
Uses Card, Button, and Input.

Usage

import { Login7 } from "@/components/ui/login-7";

<Login7
  logo={<YourLogo />}
  onGoogle={() => {}}
  onSubmit={(email, password) => {}}
/>

On this page

ExampleIntroductionInstallationUsage