Pro Components

Base Components

Login Page 1

Login interface with social (Google, GitHub, LinkedIn) and email options, sign-up link, and logo.

Example

blakeUI logo

Log In

New to Blake UI? Sign up
OR

Introduction

Login Page 1 provides a flexible auth UI:
  • Social buttons: Google, GitHub, and LinkedIn with optional callbacks.
  • OR divider: Separator between social and email.
  • Email continue: Single email field with “Continue with email” submit.
  • Sign up: Link below for new users.
  • Logo: Optional slot at the top.
Uses Button and Input. Icons use Lucide (and inline SVG for Google).

Usage

import { Login9 } from "@/components/ui/login-9";

<Login9
  onGoogle={() => {}}
  onGitHub={() => {}}
  onLinkedIn={() => {}}
  onEmailSubmit={(email) => {}}
  signUpHref="/signup"
/>;
Wire the callbacks to your auth provider (e.g. OAuth or magic link).

On this page