Skip to content

component

Sheets Live Table

By Isaac Yi

Details

Summary

Paste a URL. Your sheet goes live.

Description

Any data that lives in Google Sheets can now appear as a live, styled table on your Framer site — no backend, no API key, no developer required after setup. Paste your sheet's "Publish to web" CSV link into the property panel. The table loads your data immediately. Enable auto-refresh and it stays in sync on a schedule you control. Key features: — Reads directly from any Google Sheets "Publish to web" CSV URL — Auto-refresh on a configurable interval, with cleanup on unmount — Manual refresh button and live sync status indicator (syncing / updated / failed) — Sticky header, striped rows, horizontal scroll for wide datasets — Max rows cap, table height, corner radius, font size — all controllable from the panel — Full color control: header, row text, alternating rows, border, accent — No external libraries — hand-rolled CSV parser, pure React + CSS — Static renderer safe: no network calls run on canvas or during export Update your sheet, and the site updates itself. That's the whole workflow.

Introduction

Paste a URL. Your sheet goes live.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600179768/148/228/309/79/15
  • All · #7891