Input Mask Mobile Native

Overview

Add masked inputs to your Bubble Mobile app with CPF, CNPJ, CEP and custom mask support.
Format user input while typing and publish clean validation states for workflows and conditions.
Use numeric keyboards, custom borders, placeholders and mobile-friendly styling without building React Native mask logic yourself.
Perfect for signup forms, checkout, Brazilian documents, address forms, CRMs, marketplaces and any mobile form that needs consistent data.


Actual Problem

Mobile forms can quickly become messy when users type CPF, CNPJ, CEP, codes, IDs or formatted values without a mask.

Without a proper input mask, your app receives inconsistent data, users make more typing mistakes and workflows need extra logic to validate or format values later.

This plugin gives Bubble Mobile builders a native masked input with standard Brazilian formats, custom masks, validation states and workflow-ready change events.

Why choose this plugin?

⚡ Performance: lightweight native mobile input with real-time masking.

📱 Mobile Ready: built specifically for Bubble Mobile apps.

🇧🇷 Brazilian Formats: includes CPF, CNPJ and CEP masks.

🧩 Easy Setup: choose a standard format or define your own custom mask.

🔄 Workflow Integration: use value, is_valid and on change in Bubble workflows.

🎨 Customization: configure placeholder, border style, border color, border width and roundness.

Main Features

📱 Native masked input
Use a mobile input that formats the value while the user types.

🇧🇷 CPF mask
Format CPF as 000.000.000-00 and validate CPF digits.

🏢 CNPJ mask
Format CNPJ as 00.000.000/0000-00 and validate CNPJ digits.

📍 CEP mask
Format CEP as 00000-000 and validate it with ViaCEP.

🛠️ Custom masks
Create your own mask using 0 for numbers, a for letters and A for uppercase letters.

✅ Validation state
Use the is_valid state to check if the input is complete or valid.

🔢 Numeric keyboard
Enable a numeric keyboard for number-based masks.

🎯 Set focus action
Focus the input from Bubble workflows.

Use Cases

CRM
Collect CPF, CNPJ, customer IDs, document numbers and internal codes with consistent formatting.

Marketplace
Use masked fields for seller onboarding, buyer registration, business documents and checkout forms.

ERP and internal tools
Standardize document fields, codes, registration numbers and operational forms.

Address forms
Use CEP masks and validation for Brazilian address capture flows.

SaaS onboarding
Improve signup forms, account setup, company registration and compliance fields.

Finance and billing
Format tax IDs, billing information, account codes and payment-related form fields.

FAQ

Is this plugin for Bubble Mobile?
Yes. This plugin is designed for Bubble Mobile.

Which standard masks are included?
The plugin includes CPF, CNPJ and CEP standard formats.

Can I create a custom mask?
Yes. Use 0 for numbers, a for letters and A for uppercase letters.

Does it validate CPF and CNPJ?
Yes. CPF and CNPJ are validated using their check digit rules.

Does it validate CEP?
Yes. CEP validation uses ViaCEP when the CEP has 8 digits.

What states does it publish?
It publishes value and is_valid.

Does it trigger an event when the value changes?
Yes. The plugin triggers on change.

Can I focus the input from a workflow?
Yes. The plugin includes a Set focus action.

Try It Risk-Free

Subscribe to try the plugin safely. If you cancel a few days later, you will be charged only for the time used (e.g., monthly price $3 → $0.10 per day for 30 days).



Mobile Version

 



Need help?



Other plugins from Codes for you:

Phone Number Input (Mobile)
Smart Formatter Input (Mobile)
Native File Uploader (For Mobile)
QR code Scanner (Mobile)
Video Player Bubble (Mobile)
Audio Recorder Pro - Bubble Mobile
Audio Player Pro for Bubble Mobile