MARKETPLACE
PLUGINS
MASKIT! - INPUT MASKS (FREE)
MaskIt! - Input Masks (Free) logo

MaskIt! - Input Masks (Free)

Published January 2026
   β€’    Updated January 2026

Plugin details

Stop messy data in your Bubble app! πŸ›‘
MaskIt! is a lightweight element that forces standard formats on your inputs. It ensures users type exactly what you expect, improving User Experience (UX) and database consistency.

✨ FREE FEATURES:

πŸ“ž Generic Phone: Standard US style (999) 999-9999.

πŸ› οΈ Custom Pattern: Create your own mask! Perfect for international numbers (e.g., Portugal +351 999 999 999), License Plates, or SKUs.

πŸ“… Dates: Forces valid dates in DD/MM/YYYY format.

πŸ”’ Integers: Restricts input to numbers only (perfect for "Age" or "Quantity").

πŸ†” Tax ID: Standard grouping 999 999 999.

πŸš€ WHY USE THIS?

Zero Config: Just drop it, link the Input ID, and pick a mask.

Lightweight: Uses the robust Inputmask library without slowing down your app.

Clean UI: Helps users avoid typos while typing.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/maskit_free/1769272595445x438699302665383600

Editor: https://bubble.io/page?id=demo-app-56978&test_plugin=1769270412295x279950961389076480_current&tab=Design&name=maskit_free

Free

For everyone

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

Other actions

Platform

Web

Contributor details

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

Instructions

SETUP 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 Input element to your page and give it an ID Attribute (e.g., my-phone).

Add Masker: Drag the MaskIt (Free) element onto the page. It is invisible in preview.

Connect: In the Masker properties, set Input Element ID to my-phone (must match exactly).

Choose Type: Select the desired mask.

🌍 How to use Custom Patterns: Select "Custom Pattern" in the dropdown. In the pattern field, use these symbols:

9: User must type a number (0-9).

a: User must type a letter.

*: User can type anything.

Any other character ( like +, -, /, ( ) will appear automatically.

Example for Portugal: +351 999 999 999

Types

This plugin can be found under the following types:

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