5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:Ta66,

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.

59:[["$","$L5c",null,{"post":{"id":"019f626e-fce1-776a-8cce-bf02a33317b4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6ff5cb46-0702-479b-921e-a15c5d5bae3c","name":"d8d GmbH","slug":"d8d-gmbh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/686998/avatar-JSq1s7QQPdyo4AyRcRcJ6WikpgEH2r.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"CpL4rj1h5dTa3V4yFWQv","resolved":true,"title":"Google Reviews Live","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"star","emoji":"⭐"}},{"type":"text","text":" Live Google Reviews"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"infinity","emoji":"♾"}},{"type":"text","text":" Infinite scrolling marquee"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Automatic review updates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Fully customizable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"speech_balloon","emoji":"💬"}},{"type":"text","text":" Expandable review modal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Smart local caching"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"pause_button","emoji":"⏸"}},{"type":"text","text":" Pause on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"wrench","emoji":"🔧"}},{"type":"text","text":" No external dependencies"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Getting Started","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Follow these steps to display live Google reviews on your Framer website."}]},{"type":"customHeading","content":[{"type":"text","text":"1. Create a Google Cloud Project","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Create a new project (or use an existing one) in the Google Cloud Console."}]},{"type":"customHeading","content":[{"type":"text","text":"2. Enable the APIs","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Enable the following APIs:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maps JavaScript API"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Places API"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"3. Create an API Key","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Go to "},{"type":"text","text":"APIs & Services → Credentials","marks":[{"type":"bold"}]},{"type":"text","text":" and create a new API Key."}]},{"type":"paragraph","content":[{"type":"text","text":"For security, restrict the key to your website domains and the enabled APIs."}]},{"type":"customHeading","content":[{"type":"text","text":"4. Find your Google Place ID","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Use Google’s Place ID Finder to locate your business’s Place ID."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the Place ID."}]},{"type":"customHeading","content":[{"type":"text","text":"5. Configure the Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Paste your:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Google API Key"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Google Place ID"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"into the component settings."}]},{"type":"customHeading","content":[{"type":"text","text":"6. Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Adjust the component to match your brand:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Review count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Summary"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pause on hover"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"7. Publish","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Publish your Framer site."}]},{"type":"paragraph","content":[{"type":"text","text":"Your Google reviews will automatically load and update."}]}]},"introduction":"Auto-updating Google reviews","slug":"google-reviews-live","author":{"framerUserId":"6ff5cb46-0702-479b-921e-a15c5d5bae3c","name":"d8d GmbH","slug":"d8d-gmbh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/686998/avatar-JSq1s7QQPdyo4AyRcRcJ6WikpgEH2r.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6ff5cb46-0702-479b-921e-a15c5d5bae3c/019f626b-b3b0-75ea-9546-4018eec893b9.png","metadata":{"tint":"hsl(0 0% 57%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-07-14T21:01:08.371Z","updatedAt":"2026-07-14T21:09:47.726Z","publishedAt":"2026-07-14T21:01:08.368Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://potential-experience-840415.framer.app/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_fM2dRPOnOSwHQm8ujTmEnHYTm1pqGc2KsQH7S2x30ik","workshop":false,"categories":[{"id":"367c9c1e-4f68-45ab-8981-56e69b3dda95","name":"Data","slug":"data"}],"lastSaveId":"gzajZQ5jcFUUMEXuVaCr"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":9},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T21:01:08.705Z","updatedAt":"2026-07-14T21:01:08.705Z","reported":false}}],"$L5e"]

Suggested for you