Input Mask for Framer forms
Masked inputs for Framer formsAdd a masked input to your native Framer form. It formats what visitors type as they type, so every entry arrives in the same shape.
Pick a mask: currency, number, card-style digit groups, IBAN, US phone, US ZIP, date, or your own pattern. The caret stays where the visitor is typing, and pasted numbers keep their meaning ("1.234,56" and "1,234.56" are both 1234.56).
Available right now inside FramerSend Fields (our all-in-one Marketplace plugin). Free for 14 days, no card, then from $5/month.
What your form receives
The formatted value, or the raw one: digits only for phone and card numbers, a plain number like 12500.00 for amounts, and dates as YYYY-MM-DD.
It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.
{
"Name": "Amelia Hart",
"Email": "amelia@studio.co",
"Amount": "$1,234,567.00"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Input Mask and click Insert input mask. It is added above the submit button.
Set it up
In the right panel, pick a mask.
Options
- Currency, with any currency code and locale
- Number, with thousands separators, decimals and negative numbers
- Card-style digit groups, IBAN with its checksum checked, US phone and US ZIP
- Date: MM/DD/YYYY, DD/MM/YYYY or YYYY-MM-DD
- Custom pattern: 9 for a digit, a for a letter, * for either
- Min and max, formatted or raw value
- Required, with your own text and error text
- Field height, padding, radius, font and colors
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
What happens when the value is incomplete?
When the value is incomplete or out of range, the form does not submit: your error text shows under the field and the field gets the focus.
Can I collect payment card numbers with it?
Please don't. Card-style digit groups are meant for gift cards, membership or account numbers. Take payments with a payment provider.
Does it slow down my site?
The field is a code component written into your project. It loads no external scripts and makes no network requests on your site.
How much does Input Mask cost?
Input Mask is included in every FramerSend plan, together with the other field plugins and every connector. It is free for 14 days with no card, then from $5/month, $39/year or $89 one-time.
How do I sign in to the plugin?
With your FramerSend account. The plugin opens framersend.com/plugin/connect, you approve, and it signs in by itself.
Add Input Mask to your Framer form
Included in every FramerSend plan with all 73 field plugins and every connector. Free for 14 days, then from $5/month.