---
title: "Google Autocomplete — Free Framer component · Best of Framer"
description: "Free Framer component · by Bristlecone Web · Forms. Simplify address and place capture with Google's new Autocomplete widget / Google Maps JavaScript API."
canonical: "https://framer.elliotli.dev/component/google-autocomplete"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Google Autocomplete

# Google Autocomplete

[View on Framer](https://framer.com/marketplace/components/google-autocomplete/?via=elliot-li)

![Google Autocomplete preview image 1](https://framer.elliotli.dev/og/component/google-autocomplete/e4a58a9f9a763ad6/1600x1200.jpg)

## Summary

Simplify address and place capture with Google's new Autocomplete widget / Google Maps JavaScript API.

## Description

Simplify address and place capture with Google's _new_ [Autocomplete widget](https://developers.google.com/maps/documentation/javascript/place-autocomplete-new?hl=en) / Google Maps JavaScript API. Google predicts locations as users input their address or search for a location.

## Features

-   Use your own API key (free for most)
    
-   Works with [Framer's native forms](https://www.framer.com/updates/forms) and more
    
-   Maximum styling controls for you to match your website
    
-   Smart, fast, automatic script loading
    
-   Uses Google's newest version (2025)
    
-   No-code use of all Google's controls/filters.
    
-   Optionally make the input required
    
-   Optionally constrain the value to places only
    
-   Optionally set placeholder text
    

## Filtering Options

Google provides a number of filters. If you want results to be limited to gas stations in Portugal and show their miles to Mumbai but written in Japanese, you can! Just follow the instructions. Each filter is labeled and linked to documentation; no code is needed. If you do introduce a conflict, you will find the error in your console to resolve it.

## Note

At the time of publishing, Google provides [limited styling options](https://developers.google.com/maps/documentation/javascript/reference/places-widget#PlaceAutocompleteElement-CSS-Properties) for the widget. When Google provides additional styling options, these will allow you to match your site styles more closely. As of March 1, 2025, Google no longer offers the deprecated legacy autocomplete tooling for new customers. In other words: the styling limitations are not due to Framer or this component - the limitations are imposed by Google on everyone.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3505

## Details

- **Author**: Bristlecone Web
- **Published**: 2025-10-13
- **Updated**: 2025-10-13
- **Added**: 2025-10-06
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from