shadcn/ui OTP Input Components

Dev Design Library indexes 28 shadcn/ui otp input components from 5 open-source UI libraries, with the most coming from Watermelon UI, sv-particles, FLX UI, ark-cn and Intent UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Otp input components belong to the Inputs group.

• input-otpIntent UI · Reactinput-otp
• Input Otp 1Watermelon UI · React
• Authenticator AppFLX UI · ReactAuthenticator App for Two-Factor Setup.
• Alpha Numericsv-particles · Svelte
• Pin Inputark-cn · ReactA shadcn-style pin input component built with Ark UI primitives.
• Input Otp 10Watermelon UI · React
• SMS CodeFLX UI · ReactSMS Code for Two-Factor Setup.
• Basic Otpsv-particles · Svelte
• Input Otp 2Watermelon UI · React
• PasskeyFLX UI · ReactPasskey for Two-Factor Setup.
• Masked Otp Fieldsv-particles · Svelte
• Input Otp 3Watermelon UI · React
• Backup CodesFLX UI · ReactBackup Codes for Two-Factor Setup.
• With Auto Validationsv-particles · Svelte
• Input Otp 4Watermelon UI · React
• Password Re-authFLX UI · ReactPassword Re-auth for Verify Identity.
• With Custom Sanitizationsv-particles · Svelte
• Input Otp 5Watermelon UI · React
• OTP ChallengeFLX UI · ReactOTP Challenge for Verify Identity.
• With Field Labelsv-particles · Svelte
• Input Otp 6Watermelon UI · React
• Push ApprovalFLX UI · ReactPush Approval for Verify Identity.
• With Placeholdersv-particles · Svelte
• Input Otp 7Watermelon UI · React
• BiometricFLX UI · ReactBiometric for Verify Identity.
• With Separatorsv-particles · Svelte
• Input Otp 8Watermelon UI · React
• Input Otp 9Watermelon UI · React

Libraries with shadcn/ui otp input components

• Watermelon UI
• sv-particles
• FLX UI
• ark-cn
• Intent UI

Related categories

• OTP Input Components
• React OTP Input Components
• Tailwind CSS OTP Input Components
• Animated OTP Input Components
• shadcn/ui Input Components
• shadcn/ui Form Components
• shadcn/ui Select Components
• shadcn/ui Text Input Components
• shadcn/ui Form Field Components
• shadcn/ui Switch Components
• shadcn/ui Textarea Components
• shadcn/ui Checkbox Components
• shadcn/ui Combobox Components
• shadcn/ui Date Picker Components
• shadcn/ui Radio Components
• shadcn/ui Login Form Components
• shadcn/ui Search Input Components
• shadcn/ui File Upload Components
• shadcn/ui Slider Components
• shadcn/ui Signup Form Components