PIN Input logo

PIN Input

Published December 2024
   •    Updated February 2026

Plugin details

This plugin adds a proper PIN input element that Bubble’s missing. It’s got:
1. Auto-focus to the next field, so users don’t have to tab manually.
2. Support for pasting the whole PIN in one go.
3. Real-time updates, so you can use the value instantly.

What’s cool about it?
It's built without external libraries, just a few classes for styling. So it's super lightweight.
Free and open—fork it, change it, do whatever you need.
Easy to set up and acts almost like bubble's native input.


Built and maintained by Hanif Yaskur 🇮🇩.
Logo by Flaticon

<a href="https://www.flaticon.com/free-icons/password-input" title="password-input icons">Password-input icons created by rcherem - Flaticon</a>

Free

For everyone

5.0 stars   •   2 ratings
89 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Hanif logo
Hanif
Joined 2019   •   2 Plugins
View contributor profile

Instructions

1. Install this plugin. 2. Place it to your canvas.
3. Style it as you like

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Productivity   •   Input Forms

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Interesting..
April 9th, 2025
Wondering why Bubble doesn’t have this by default.
Impressive!
December 7th, 2024
Easy to set up, and the element preview in the editor is super helpful.
Bubble