EASY OTP INPUT

Easy OTP Input

Published April 2024

    •    Updated February 2026

Plugin details

Create fully modern and functional OTP code inputs. Handles pasting, keyboard, focus, reset, and validation. Fully responsive and customizable. No libraries. No conflicts.

For a full list of features, demo, guide on use, editor, or support:

https://www.bappolis.com/plugin/easy-otp-input

𝗕𝘂𝗶𝗹𝗱𝗔𝗽𝗽𝗼𝗹𝗶𝘀 𝗗𝗶𝘀𝗰𝗼𝗿𝗱
https://re.plugg.me/discord

Free

For everyone

5.0 stars   •   1 ratings

341 installs  

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

BuildAppolis

Joined 2021   •   35 Plugins

View contributor profile

Instructions

Just add the "🚀 OTP Input" element to your page, customize the settings, and you're good to go!

Customization:

Add your validation code to the element and when the user inputs the right code, the element will return "validated code" state (true/false) and you can apply your custom styling to the input!

Trigger + State for when the user has completed the code.

Types

This plugin can be found under the following types:

Element   •   Event   •   Action

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (5.0)

Looks really good! And its free at the moment!

October 23rd, 2024

For this version, in this case scenario, I'm not going to use it because I need to set a initial value from the URL if the user opts for that route, but this plugin looks absolutely great! It allows paste actions perfectly (even replacing previous values), and it already focus on the next input whenever the user types in also ignoring previous values (which I had a hard time doing with the 2 conditions for "value is not empty" + the "input value is changed". Can we get a donate button to send a coffe out? Bubble is installing it directly instead of charging us.