Number Stepper for Framer forms
− and + number field for formsAdd a number field with − and + buttons to your native Framer form, for quantities, guests, seats, nights or hours.
Set the minimum, maximum and step, decimals and a default value. Show a prefix such as "$" and a unit such as "guests", with its own word for 1. Visitors tap the buttons, hold one to keep counting, type a number or use the arrow keys.
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 plain number under the field name you choose. The prefix and unit are only shown, never sent.
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",
"Guests": "3"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Number Stepper and click Insert number stepper. It is added above the submit button at full width.
Set it up
In the right panel, set min, max, step and the unit.
Options
- Field name, default value or start empty
- Min, max, step and decimals
- Prefix, unit and unit for 1
- Hold to repeat
- Required, with your own error and range texts
- Fill width or compact, field height, radius, colors and fonts
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
Does it work with the Calculator?
Yes. Every change, from the buttons, the arrow keys or typing, updates other FramerSend fields right away, so the FramerSend Calculator can use it for price × quantity, and Conditional Fields can react to it.
What happens when someone types a number out of range?
When they leave the field it is rounded to your step and kept between your minimum and maximum. A required number that is missing or out of range stops the form with your error text.
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 Number Stepper cost?
Number Stepper 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 Number Stepper 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.