Glass OTP Input

A one-time-password / verification-code input made of frosted-glass digit cells, with five decorative surface variants (frost, tint, smoke, crystal, depth) and sizes from sm to xl.

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

"use client";

import InputOtpGlass, { TintOtp } from "@/components/ui/input-otp-glass";

export default function InputOtpGlassDemo() {
  return (
    <div className="flex min-h-[240px] w-full items-center justify-center p-10">
      <TintOtp length={6} defaultValue="482913" />
    </div>
  );
}