Preview Codelab

One‑click switching between a Google Doc and its Codelab preview — and back again. Lightweight, private, and fast.

Add to Chrome Privacy Policy

From this… to this!

Write in Google Docs. Publish and iterate in Codelabs. Toggle between both with a single toolbar click.

  • On a Google Doc? Open its Codelab preview instantly.
  • On a Codelab? We fetch its codelab.json to jump straight to the source Doc.
  • Smart action state: The button only enables on supported pages.
  • No tracking: Works entirely in your browser. No analytics. No ads.

Why you’ll love it

  • Faster authoring feedback loop
  • Zero configuration
  • Clean Manifest V3, service worker based
Preview Codelab: From Google Doc to Codelab preview

Minimal permissions

That’s it — no access to unrelated sites, no background data collection.

How it works

  1. Click the toolbar button on a supported page.
  2. The extension checks the current URL and decides the action.
  3. It opens either the preview or the source Doc in a new tab.