---
title: "Google Reviews Live — Framer component · Best of Framer"
description: "$9.00 · Framer component · by d8d GmbH · Text. Auto-updating Google reviews"
canonical: "https://framer.elliotli.dev/component/google-reviews-live"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Google Reviews Live

# Google Reviews Live

Auto-updating Google reviews

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

![Google Reviews Live preview image 1](https://framer.elliotli.dev/og/component/google-reviews-live/faa108f13e255b25/1600x1200.jpg)

## Summary

Auto-updating Google reviews

## Description

Display beautiful, auto-updating Google reviews in a smooth, infinitely scrolling marquee. Simply add your Google API Key and Place ID, then customize every detail directly inside Framer. Built for performance with smart local caching, responsive layouts, expandable review modals, and complete control over colors, typography, spacing, and animation.

## **Highlights**

-   ⭐ Live Google Reviews
    
-   ♾ Infinite scrolling marquee
    
-   ⚡ Automatic review updates
    
-   🎨 Fully customizable
    
-   📱 Fully responsive
    
-   💬 Expandable review modal
    
-   🚀 Smart local caching
    
-   ⏸ Pause on hover
    
-   🔧 No external dependencies
    

## **Getting Started**

Follow these steps to display live Google reviews on your Framer website.

### **1\. Create a Google Cloud Project**

Create a new project (or use an existing one) in the Google Cloud Console.

### **2\. Enable the APIs**

Enable the following APIs:

-   Maps JavaScript API
    
-   Places API
    

### **3\. Create an API Key**

Go to **APIs & Services → Credentials** and create a new API Key.

For security, restrict the key to your website domains and the enabled APIs.

### **4\. Find your Google Place ID**

Use Google’s Place ID Finder to locate your business’s Place ID.

Copy the Place ID.

### **5\. Configure the Component**

Paste your:

-   Google API Key
    
-   Google Place ID
    

into the component settings.

### **6\. Customize**

Adjust the component to match your brand:

-   Review count
    
-   Animation speed
    
-   Card width
    
-   Colors
    
-   Typography
    
-   Border radius
    
-   Spacing
    
-   Summary
    
-   Pause on hover
    

### **7\. Publish**

Publish your Framer site.

Your Google reviews will automatically load and update.

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

-   All · #3096

## Details

- **Author**: d8d GmbH
- **Price**: $9.00
- **Published**: 2026-07-14
- **Updated**: 2026-07-14
- **Added**: 2026-07-14
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing