ShadoLogiq Labs /

Gapps Embed

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.

Try the launcher → Build your embed Install in 3 steps
Live, on this page

Themed to blend in.

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.

Re-theme live →
See the postMessage code 
// 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',  // ignite to teal-bright on hover
  textColor:      '#3CDCC0',  // teal label at rest
  textColorHover: '#0E1B2A'   // flip to navy-deep on the lit tile
}, '*');
How to use it

Three steps. No build, no install, no account.

If you just played with the demo above and want it on your site, here's the whole process.

  1. 1

    Pick your apps and theme

    Open the Builder, choose which apps to show, pick a preset theme or fine-tune the colors. The iframe URL updates as you click.

  2. 2

    Copy the iframe code

    The Builder shows the full <iframe> snippet with your config baked in. One click to copy.

    <iframe src="https://shadologiq.com/gapps-embed/gapps-launcher.html?apps=mail,drive,docs&tile=%23ffffff"
        style="border:none; width:100%; height:600px;"></iframe>
  3. 3

    Paste it into your site

    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.

The toolkit

Three presentations

Live — v1.0.0

Launcher

Plain icon grid, identical in appearance to Google's own app launcher. Drop it into a sidebar or panel.

<iframe src="…/gapps-launcher.html"></iframe>
Open launcher →
Coming — v1.1.0

Spotlight

Card grid with app name, description, and a "Learn more" link. Styled after Google Workspace's product spotlight.

<iframe src="…/gapps-spotlight.html"></iframe>
Coming — v1.2.0

Menu

A waffle button that opens a Google-style popover panel. Embed as an iframe or inject directly with loader.js.

<iframe src="…/gapps-menu.html"></iframe>
Configuration

Query-string options

All three presentations share the same parameters. Theme it, filter it, and point it at your Workspace domain.

Filter
?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
Auth
?domain=example.com Rewrite URLs for your Workspace domain
?custom=mail,calendar Use https://app.domain/ for these apps
Theme
?tile=%23ffffff Tile background color
?text=%23202124 Label text color
?hover=%23f1f3f4 Hover state background