Custom Mask Input
Apply a custom input mask to Bubble input fields using a simple mask pattern, with real-time formatting for numbers and letters.
5
Rating
7
Installs
v1.0.7
Version
The Nebula – Custom Mask Input plugin applies fully customizable masks to text fields, ensuring consistent formatting and a smooth typing experience. Ideal for forms, onboarding flows, and any input requiring a specific structure such as CPF, RG, phone numbers, dates, or currency.
When combined with custom mask patterns that include separators.
When to Use
Everything you need in a single plugin
Phone Numbers and IDs
Standardize user input formats like phone, ID numbers, or internal codes.
Signup and Onboarding Forms
Improve data quality by guiding users to the correct format.
Admin Tools
Keep structured identifiers consistent across internal workflows.
Benefits
Everything you need in a single plugin
Cleaner Data
Reduce formatting mistakes and normalize user input.
Better UX
Users see formatting as they type, which reduces friction.
Custom Patterns
Build masks that fit your specific use case.
Key Features
Everything you need in a single plugin
Real-time Masking
Applies the mask while the user types.
Letter and Number Support
Supports placeholders for letters and digits.
Works With Dynamic Pages
Optional auto-apply can help when inputs are added dynamically.
Common Questions
Everything you need to know before installing
Where do I set the input ID?
Select the Bubble input element and set its value in the “ID Attribute” field.
How do I write a mask?
Use # for digits, A for letters, and any other character as a fixed separator.
Does it force uppercase letters?
Letters typed into A positions are normalized to uppercase.