Boarding Pass Sign-in

A playful sign-in form styled as an airline boarding pass, with a tearable ticket stub, a barcode that prints from the email, and an ink stamp shown on invalid credentials.

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

"use client";

import BoardingPassSignIn from "@/components/ui/boarding-pass-sign-in";

export default function Demo() {
  return (
    <div className="flex min-h-full w-full items-center justify-center overflow-hidden bg-[#ece7dd] px-4 py-12 text-[#1b1a17]">
      <BoardingPassSignIn theme="paper" product="Vitrine" />
    </div>
  );
}