MarovStudio
Back to marketplace

Sign In Card

Sign-in card with a Google button and a password reveal

Authauthloginformsocialpassword
FullscreenCreate free account

Welcome back

Sign in to continue to your dashboard.

or

No account? Create one

Code locked
"use client";

import { Eye, EyeOff, Lock, Mail } from "lucide-react";
import { useState } from "react";

const field =
  "w-full rounded-lg border border-neutral-200 bg-white py-2.5 pl-9 pr-3 text-sm outline-none transition-colors placeholder:text-neutral-400 focus:border-amber-500";

Sign in to see the code

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Create free accountSign in

Free — no card required.

Related components

Create account

Start your free trial. No card required.

Sign Up Card

Auth · Registration card with a consent checkbox

Too short

  • 8+ characters
  • Upper and lower case
  • A number
  • A symbol

Password Strength

Auth · A meter that scores what was actually typed

Paste the whole code — it fills every box.

OTP Input

Auth · Six-digit code field — a pasted code fills every box