OTP Input

One-time code cells on glass with a gliding lens, paste and SMS autofill, and success / error states.

Library

Opaline

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @opaline/theme @opaline/glass-otp

Files

• registry/opaline/ui/opaline/glass-otp.tsx
• registry/opaline/ui/opaline/liquid-glass.tsx
• registry/opaline/lib/glass-refraction.ts
• registry/opaline/hooks/use-active-indicator.ts
• lib/utils.ts

Source

https://github.com/deepraj21/opaline

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• OTP Input Components
• React OTP Input Components
• Tailwind CSS OTP Input Components
• Animated OTP Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components
• Animated Text Input Components

More from Opaline

• Glass Input
• Glass Stepper
• Glass Accordion
• Glass Alert
• Glass Badge
• Glass Bento Grid
• Glass Button
• Glass Card
• Glass Clock
• Glass Code Block
• Glass Command
• Glass Context Menu