Now live · v1.0.0
Embed Google apps anywhere.
A lightweight, themeable toolkit for embedding a Google apps grid on any website — no build step, one iframe, zero tracking.
A lightweight, themeable toolkit for embedding a Google apps grid on any website — no build step, one iframe, zero tracking.
postMessage.This isn't a screenshot. The grid below is an actual <iframe> running the launcher with three query-string params — tile, text, and hover — set to the colors of this site. Hover an icon — or drag the bottom-right corner to resize it.
// Re-theme the launcher live — no reload, no query-string rebuild
iframe.contentWindow.postMessage({
type: 'gapps-embed-theme',
tileBg: '#1E3147', // muted navy at rest
hoverBg: '#3CDCC0', // brighten to teal on hover
textColor: '#3CDCC0', // teal label at rest
textColorHover: '#0E1B2A' // flip to navy on the lit tile
}, '*');If you just played with the demo above and want it on your site, here's the whole process.
Open the Builder, choose which apps to show, pick a preset theme or fine-tune the colors. Drag the preview's bottom-right corner to the height that fits your layout — the live size shows as you drag.
Hit Copy embed code. You get a full <iframe> snippet with your apps, theme, and the height you dragged to all baked in — width stays 100% so it flexes to fit wherever you paste it.
<iframe src="https://gapps.benchkit-labs.dev/launcher.html?apps=mail,drive,docs&tile=%23ffffff"
style="border:none; width:100%; height:520px;"></iframe>This URL always serves the latest release. For production, pin to a version with a CDN — e.g. cdn.jsdelivr.net/gh/benchkit-labs/gapps@v1.0.0/…
Anywhere HTML can go — your CMS, a static page, an intranet portal, a Notion embed. It just works. Runs entirely in your visitor's browser. Nothing to install, nothing to host, nothing to maintain.
That's it. Open the Builder to get started, or read the source on GitHub if you'd rather self-host.
Plain icon grid, identical in appearance to Google's own app launcher. Drop it into a sidebar or panel.
Open launcherCard grid with app name, description, and a "Learn more" link. Styled after Google Workspace's product spotlight.
A waffle button that opens a Google-style popover panel. Embed as an iframe or inject directly with loader.js.
All three presentations share the same parameters. Theme it, filter it, and point it at your Workspace domain.
?apps=mail,drive,docs
Show specific apps in that order
?category=communication
Show apps in one or more categories
?filter=workspace
Show only workspace-tagged apps
?domain=example.com
Rewrite URLs for your Workspace domain
?custom=mail,calendar
Use https://app.domain/ for these apps
?tile=%23ffffff
Tile background color
?text=%23202124
Label text color
?hover=%23f1f3f4
Hover state background
Gapps Embed is free, libre, and runs entirely in your browser — no build step, no server, no tracking. Open the source, fork it, or self-host.
View on GitHub