Hey Bubblers! 
I’m excited to share a project I’ve been working on to solve the headache of messy user data.
We all know the struggle: Users typing dates wrong, mixing formats in phone numbers, or the nightmare of saving “€ 1,000.00” as text instead of a number.
Meet the MaskIt! Suite. 
It’s a set of lightweight, specialized elements to handle every type of input in your app.
TWO VERSIONS AVAILABLE
MaskIt! (Free): Perfect for simple projects.
-
Generic Phone Masking -
Date Enforcer (DD/MM/YYYY) -
Custom Patterns: Define your own simple masks (e.g., +351 999 999 999).
MaskIt! PRO (Business Suite): For apps that need serious data integrity.
-
Advanced Finance: Handles currencies, decimals, and percentages. Critical Feature: Returns the Unmasked Value (raw number) so you can do math directly in Bubble. -
Payments: Stripe-like masking for Credit Cards, Expiry, and CVV. -
Smart Switching: Dynamic masks that change as the user types (great for Landline vs Mobile). -
Security: Real-time Password Validator (Min length, Upper, Symbol) & OTP/PIN masks. -
Documents: Ready-made masks for NIF, CPF, CNPJ, SSN, and Passports. -
Tech: Validation for Emails, IPs (v4/v6), and MAC Addresses. -
Text Tools: Force Title Case on names or Uppercase on SKUs automatically.
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.
Why use MaskIt!?
-
Lightweight: Built on the robust Inputmask library.
-
UX Focused: Includes “Just-In-Time” masking (placeholders only appear when you type).
-
Clean DB: Stop saving formatted text. Save raw data.
I’d love to hear your feedback! Let me know if you need any specific masks added.
Happy bubbling! 