Range Slider for Framer forms
Value and range sliders for Framer formsAdd a slider field to your native Framer form.
Use one handle to pick a value (a budget, a team size, a distance) or two handles to pick a range (a price range, an age range). A bubble shows the value above each handle, and the slider works with mouse, touch and keyboard.
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 numbers under the field names you choose: one value, or a range as two fields (Budget min and Budget max) or as one field like 2500-6000.
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",
"Budget min": "2500",
"Budget max": "6000"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Range Slider and click Insert range slider. It is added above the submit button.
Set it up
In the right panel, set the field name, min, max and step.
Options
- One or two handles
- Min, max, step (decimals too) and start values
- A range as two fields, or one with your own separator
- Required: the visitor has to move the slider, with your own error text
- Prefix and suffix ($, km, %) and 1,000 number format
- Value bubble always, while dragging or off
- Min and max labels, or 2 to 11 tick labels
- Track, handle and bubble sizes, colors and font
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
How is a range sent?
As two fields, for example Budget min and Budget max, or as one field like 2500-6000 with your own separator.
Is it keyboard accessible?
Yes. Each handle is a slider for screen readers, with arrow keys, Page Up and Page Down, Home and End. The two handles of a range never cross.
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 Range Slider cost?
Range Slider 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 Range Slider 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.