Rafael Porto

Sign In

Sign-in 96

About

A simple sign in component

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

Code

How Sign In is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { LightLogin } from "@/components/ui/sign-in"

export function Demo() {
  return (
    <div className="w-screen">
      <LightLogin />
    </div>
  )
}

More by Rafael Porto

View all
  • AI Assistant Interface

    AI Assistant Interface

    462
  • To-do card

    To-do card

    238
  • Command Palette

    Command Palette

    215
  • Publish Button

    Publish Button

    127
  • AI Assistant Panel

    AI Assistant Panel

  • Sign In Card

    Sign In Card

  • Hold to delete Button

    Hold to delete Button

More in Sign-in

View all
  • SignInPage

    SignInPage

    627
  • Modern & Stunning sign in

    Modern & Stunning sign in

    1.6K
  • Clean & Minimal sign in

    Clean & Minimal sign in

    615
  • Sign In Form

    Sign In Form

    201
  • Split Sign In Form

    Split Sign In Form

    14
  • Authentication Card

    Authentication Card

    45
  • Sign In Card

    Sign In Card

    18
  • Login 2

    Login 2

    7