Chrome extension

Found in your inbox, dropped right where you need it.

Code Grabber watches your Gmail for verification codes and offers to drop the right one into the page you're on — read-only access, and nothing gets filled in without you saying yes.

email-code-autofill.zip · unpacked extension, loaded manually via Developer Mode
How it works

Three things happen, in order

No background magic — just a quick check of recent mail, a guess at the code, and a question before anything touches your form.

01

A code lands in Gmail

About once a minute, Code Grabber checks messages from the last day for anything that looks like a verification code, OTP, or PIN.

02

A card appears on your page

If it finds one, a small card shows up in the corner of the tab you're using — with the code and where it came from.

03

You decide what happens

Use this code fills it into the field you were typing in. Not that code just dismisses the card. Nothing is automatic.

Setup

Installing Code Grabber

This isn't on the Chrome Web Store yet, so it's installed the same way developers test extensions — Chrome calls this "loading unpacked." It takes about ten minutes, mostly spent in Google Cloud Console setting up your own Gmail access.

  1. Download and unzip

    Download email-code-autofill.zip above and unzip it. You'll get a folder called email-code-autofill — keep it somewhere permanent, like your Documents folder. Don't delete it after installing; Chrome reads from this folder directly.

  2. Load it into Chrome

    Open chrome://extensions, turn on Developer mode (top right), then click Load unpacked and select the email-code-autofill folder.

  3. Pin it to your toolbar

    Click the puzzle-piece icon near your address bar, find Code Grabber in the list, and click its pin icon so it's always one click away.

  4. Create your own Gmail connection

    Gmail access has to come from a connection tied to you, not a shared one. On the extension's card in chrome://extensions, copy the ID shown — you'll need it for the next part.

    • In Google Cloud Console, create a project and enable the Gmail API.
    • Set up the OAuth consent screen, add the scope gmail.readonly, and add your own Gmail address as a test user.
    • Create an OAuth Client ID of type Chrome Extension, pasting in the ID you copied.
    • Open manifest.json in the unzipped folder, paste your new client ID in where it currently says YOUR_OAUTH_CLIENT_ID, then click the reload icon on the extension's card.
    Why this step exists: it keeps your inbox connection private to your own Google account rather than routing through a shared one — and it's a one-time setup.
  5. Connect and go

    Click the Code Grabber icon, choose Connect Gmail, and sign in. From then on, codes will show up automatically — or click Check for a code now any time.