Home/Form fields/Autocomplete

Autocomplete for Framer forms

Type-ahead field for Framer forms

Add a text field with type-ahead suggestions to your native Framer form.

As visitors type, matching options appear in a list below the field. Matching ignores upper and lower case and accents, and the typed part is highlighted. Visitors can pick with the mouse or the keyboard (arrow keys, Enter, Escape).

Suggestions come from your own list (one option per line, or comma-separated), a built-in list of countries, or US states.

Start free trialComing to the Framer Marketplace

Included in every FramerSend plan. Free for 14 days, no card, then from $5/month.

Type-ahead suggestions in a Framer form

What your form receives

The chosen text under the field name you set.

It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.

Example submission
{
  "Name": "Amelia Hart",
  "Email": "amelia@studio.co",
  "Country": "Germany"
}

How it works

No code, right inside Framer

1

Select your form

Select your Form on the Framer canvas.

2

Insert the field

Open Autocomplete and click Insert autocomplete field. It is added above the submit button at full width.

3

Set it up

In the right panel, set the field name and choose the options.

Insert an autocomplete field in one click
The form receives the picked value

Options

  • Your own list, a built-in list of countries, or US states
  • Required
  • Only allow values from the list, with your own error text
  • How many suggestions to show
  • How many letters before the list opens
  • Font, colors, radius and padding for the field and the list

Written into your project as a code component. No external scripts, no network requests on your site.

Frequently asked questions

Where do the suggestions come from?

From your own list (one option per line, or comma-separated), a built-in list of countries, or US states.

Can I stop visitors typing values that are not in the list?

Yes. Turn on only allow values from the list and set your own error text.

Does matching handle accents and capital letters?

Yes. Matching ignores upper and lower case and accents, and the typed part is highlighted.

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 Autocomplete cost?

Autocomplete 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.