OTP Input logo

OTP Input

Published May 2026
   •    Updated this week

Plugin details

A clean 4 to 8 box OTP input element for verification screens. Auto-advances on each digit, supports backspace, paste from clipboard and arrow key navigation.

No external libraries. Exposes the complete OTP as a Bubble state for use in workflows. Perfect for phone verification, email OTP and 2FA screens.

Free

For everyone

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

MB logo
MB
Joined 2026   •   6 Plugins
View contributor profile

Instructions

1. Drag the OTP Input element onto your page 2. Set pin_length between 4 and 8
3. Customize box size, gap, colors and font size
4. Read the completed value via:
  Element states → OTP Input → otp_value

FIELDS:
- pin_length    → number of boxes (4–8, default 6)
- box_size      → width and height of each box in px
- box_gap       → spacing between boxes in px
- border_color  → default border color (hex)
- active_color  → focused/filled border color (hex)
- text_color    → digit text color (hex)
- font_size     → digit size in px

Demo editor link:
https://bubble.io/page?id=mbbuilds5&test_plugin=1778735762949x980567825421172700_current&tab=Design&name=test5_-_otp&type=page&elements=bTGVw

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble