MARKETPLACE
PLUGINS
MASKIT! - INPUT MASKS (PRO)
MaskIt! - Input Masks (Pro) logo

MaskIt! - Input Masks (Pro)

Published January 2026
   β€’    Updated January 2026

Plugin details

Turn your Bubble Inputs into Professional Data Fields. πŸ’Ό
Stop struggling with Regex or messy database entries. MaskIt! PRO is a complete suite of 7 specialized elements designed to handle every data type imaginable.

πŸ”₯ WHY GO PRO?

πŸ’° 1. Advanced Finance & Numbers

Format currencies (EUR, USD, BRL) with auto-commas and decimals.

The Killer Feature: Returns the Unmasked Number (e.g., shows € 1.500,00 but saves 1500.00 to your DB) so you can do math instantly!

Handles Percentages, Integers, and Decimals.

πŸ’³ 2. Credit Cards & Payments

Auto-formats Card Numbers (4x4), Expiry Dates, and CVVs.

UX that feels like Stripe.

πŸ” 3. Security & Validation

Password Validator: Real-time checks (Min length, Uppercase, Symbols) without blocking typing.

PINs & OTPs: Rigid masks for 2FA codes.

Serial Keys: Auto-uppercase for licenses (e.g., AAAA-BBBB-CCCC).

🧠 4. Smart & Dynamic Masks

Dynamic Switching: Automatically switches masks as users type (e.g., 8 vs 9 digit phones).

Regex Support: Use standard Regex for unlimited power.

JIT Masking: Placeholders that only appear when you type.

🌍 5. Global Documents

Ready-made masks for NIF (PT), CPF/CNPJ (BR), SSN (US), DNI (ES) and Passports.

πŸ”€ 6. Text Enforcer

Force Title Case (names), Uppercase (SKUs), or remove spaces/symbols from Usernames.

🌐 7. Tech & Net

Validate Emails, IPs (v4/v6), URLs, and MAC Addresses.


✨ UX Feature: Auto-Copy

Enable Auto Copy on Click to instantly copy the input's content when the user clicks or taps it. Great for API Keys, IBANs, or IDs.

Triggers the event Copied to Clipboard so you can show a "Success" alert.

πŸš€ Performance: Built on the robust Inputmask library. Lightweight, fast, and crash-proof.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/maskit_pro/1769277892568x149235482223813760

Editor: https://bubble.io/page?id=demo-app-56978&test_plugin=1769273471917x755928652198707200_current&tab=Design&name=maskit_pro

$15

One time  β€’  Or  $5/mo

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   β€’   60 Plugins
View contributor profile

Instructions

πŸš€ QUICK START GUIDE:
Enable IDs: Go to your Bubble app Settings > General and check "Expose the option to add an ID attribute to HTML elements".

Add ID: Drag a standard Bubble Input to your page. Scroll to the bottom of its property editor and give it an ID Attribute (e.g., my-input).

Choose Element: Drag the correct MaskIt! element for your needs (e.g., use "Finance" for money, "Security" for passwords).

Link: Set the Input ID field in the plugin to match your Input's ID (my-input).

Configure: Choose your settings (Currency, Pattern, etc.).

πŸ’‘ PRO TIPS:

Database Saving: Always save the Unmasked Value state to your database, especially for Currencies and Phones. It keeps your data clean and calculable.

Validation: Use the Is Complete state to disable your "Submit" button until the user has typed the full mask.

Dynamic Phones: Use the Custom & Patterns element and select "Dynamic". List both formats (e.g., 9999-9999, 99999-9999) to handle variable lengths automatically.

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:
Productivity   β€’   Technical   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble