uiable

Login Form with Social Providers

Forms

About

A full-page login form with social sign-in buttons (Facebook, Twitter, Google), an email/password form, remember-me checkbox and forgot-password link.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Login Form with Social Providers to your project and fits it to your theme.

Code

How Login Form with Social Providers is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Login2 from "@/components/ui/block-login-2";

export default function Login2Demo() {
  return <Login2 />;
}

More by uiable

View all
  • Feature Highlights Grid

    Feature Highlights Grid

    427
  • Card Tabs

    Card Tabs

    115
  • Financial Bento Grid

    Financial Bento Grid

    96
  • Chart Tooltip

    Chart Tooltip

    76
  • Portfolio Showcase Grid

    Portfolio Showcase Grid

    74
  • Marketing Hero Section

    Marketing Hero Section

    72
  • Sidebar with Search and Profile

    Sidebar with Search and Profile

    60
  • Attachment States

    Attachment States

    48

More in Forms

View all
  • Premium Auth

    Premium Auth

    536
  • Contact Card

    Contact Card

    1K
  • Form

    Form

    17
  • Login Card

    Login Card

    6
  • Book A Demo 1

    Book A Demo 1

    78
  • Split Sign In Form

    Split Sign In Form

    81
  • Text Field

    Text Field

  • Modern & Stunning sign in

    Modern & Stunning sign in

    1.7K