gitwtfhub

wtf is svelte-google-reviews?

ohmybugs/svelte-google-reviews — explained in plain English

Analysis updated 2026-05-18

1SvelteAudience · developerComplexity · 2/5Setup · easy

TL;DR

A Svelte component that drops Google Reviews into your website as a badge, carousel, or custom layout.

Mindmap

mindmap
  root((svelte-google-reviews))
    What it does
      Shows Google Reviews
      Three layouts
      SSR safe rendering
    Tech stack
      Svelte 5
      SvelteKit
      embla-carousel
    Use cases
      Business websites
      Rating badges
      Custom review layouts
    Data sources
      Featurable API
      Google Places API
    Audience
      Frontend developers
      SvelteKit builders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Show a Google Reviews carousel on a business or portfolio website

REASON 2

Display a compact star rating badge linking to your Google profile

REASON 3

Pull live reviews into a SvelteKit site without exposing an API key to visitors

REASON 4

Build a fully custom reviews layout using the provided snippet API

What's in the stack?

SvelteSvelteKitTypeScriptembla-carousel

How it stacks up

ohmybugs/svelte-google-reviewsdiary-axel-rakotoarivao/vivaceeternal-flame-ad/alikia2x_aquavox
Stars11
LanguageSvelteSvelteSvelte
Last pushed2024-07-28
MaintenanceStale
Setup difficultyeasyeasymoderate
Complexity2/52/53/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 30min

Free Featurable widget setup is quick, using the Google Places API directly needs server side code and an API key.

Wtf does this do

Svelte Google Reviews is a component library for showing Google Reviews inside a Svelte 5 or SvelteKit website. It is a Svelte version of an existing React library called react-google-reviews. You install it with npm, yarn, or pnpm, and it gives you a ready-made component that can display customer reviews in one of three layouts: a compact badge with an average rating, an interactive scrolling carousel, or a custom layout you build yourself using a snippet. There are two ways to get review data into the component. The simplest is a free service called Featurable, where you create a widget and pass its ID to the component, which then handles fetching, caching, and refreshing reviews automatically every 48 hours. The alternative is to use Google's own Places API directly, which only returns the 5 most recent reviews and must be called from your server so the API key is never exposed to visitors. The README includes a full example of fetching reviews this way in a SvelteKit load function. The component is built to work safely with server side rendering. It shows a placeholder while rendering on the server and only sets up the interactive carousel once it reaches the browser, avoiding errors from browser only code running on the server. For frameworks other than SvelteKit, such as Vite or Astro, the README suggests wrapping the component in a client only boundary if the framework does not handle hydration the same way. Other features mentioned include scoped CSS with class and style overrides for customizing appearance, JSON-LD structured data for search engine friendliness, WAI-ARIA accessible carousel controls, and a lightweight dependency footprint that only relies on the embla-carousel library rather than pulling in React or other frameworks. Live documentation with interactive examples is linked from the README for anyone who wants to see the layouts in action before installing.

Yoink these prompts

Prompt 1
Add the SvelteGoogleReviews carousel component to my SvelteKit homepage
Prompt 2
Show me how to fetch Google Places reviews server side in a SvelteKit load function
Prompt 3
Help me set up a free Featurable widget and connect it to svelte-google-reviews
Prompt 4
Explain the difference between the badge, carousel, and custom layouts in this library
Prompt 5
Write a custom reviews layout using the children snippet from svelte-google-reviews

Frequently asked questions

wtf is svelte-google-reviews?

A Svelte component that drops Google Reviews into your website as a badge, carousel, or custom layout.

What language is svelte-google-reviews written in?

Mainly Svelte. The stack also includes Svelte, SvelteKit, TypeScript.

How hard is svelte-google-reviews to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is svelte-google-reviews for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.