MARKETPLACE
PLUGINS
NATIVE OTP INPUT
Native OTP Input logo

Native OTP Input

Published August 2026
   •    Updated August 2026

Plugin details

Add a clean One-Time Password (OTP) input to your Bubble Native Mobile app.
What it can do:
• Custom Length: Configure 4-digit, 6-digit, or custom token boxes.
• Numeric Keypad: Automatically launches the phone's native numeric keyboard.
• Instant State Binding: Exposes typed passcodes directly to Bubble workflows for fast verification.
• Easy Styling: Customize box backgrounds, active borders, and text colors.

Perfect for: Login verification, 2FA screens, and password resets.

$5

Per month

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

Platform

Native mobile

Contributor details

MB logo
MB
Joined 2026   •   23 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=mbbuildsnative&test_plugin=1786535169271x396990904427610100_current&tab=Design&name=OTP+input&type=page&elements=bTGOQ

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