Gridline

Notion → IG grid widget
not connected

Turn your Notion database into a live grid preview.

Same three-step flow as the tutorial — database, integration token, generate — running as one self-contained tool. Nothing leaves your browser except the direct calls to Notion's API.

Set up your source database

Your database needs these five properties, spelled exactly. Case doesn't matter, but the names do.

Name
title
Publish Date
date
Cover
files
Pin
checkbox
Hide
checkbox

Grid order: pinned items float to the top in the order you pin them, everything else sorts by Publish Date (newest first), and anything with Hide checked is skipped entirely.

Create an internal integration

This gives the widget read-only access to just this one database — nothing else in your workspace.

  1. Open notion.so/my-integrations, click New integration, name it "Grid widget."
  2. Select the workspace with your database, click Create.
  3. Click Show next to the secret and copy it.
  4. On your database page: ••• → Connections → add the integration you just made.
Starts with secret_ or ntn_. Stored only in this browser tab.

Generate the widget

Paste the database URL. Use "Copy link" from the ••• menu on the full-page database view.

I'll pull the 32-character database ID out of this automatically.
Connection confirmed
I've shared the database with the integration above.
Heads up — Notion's API blocks direct calls from a browser page (CORS). To actually fetch your data, point this at a tiny proxy: any endpoint that forwards to api.notion.com and adds the Notion-Version header works. Leave the field below as-is to use a demo relay, or swap in your own.
gridline · notion-native preview idle