chrome-extension://web-data-studio/docs
v1.5.0 — Manifest V3

<select> any element.
extract() clean data.
</export> anywhere.

Web Data Studio turns tables, cards, lists and grids on any page into clean, structured data — picked visually, previewed live, and exported in the format you need. All local, no server, no tracking.

Manifest V3 TypeScript Vite MIT License
your-page.com — Web Data Studio
Web Data Studio overview

<features>

Everything between "select" and "export"

Six modules that take you from a messy page to a clean dataset. Hover a card — it behaves like the picker itself.

<detect />

Smart Detection

Finds native tables, semantic lists, and repeated card/grid patterns automatically — and fingerprints libraries like AG Grid, Tabulator, Handsontable, Kendo Grid, DataTables, Bootstrap Table, PrimeVue, Vuetify, Element Plus, Ant Design and MUI.

<picker />

Visual Element Picker

A DevTools-style inspector overlay. Hover to highlight, click to select — right from the popup, the side panel, or Ctrl+Shift+P.

<preview />

Live Preview & Cleaning

An editable preview table — click any cell to edit, drop rows or columns inline. One-click trim, de-duplicate, and case conversion (UPPER / lower / Title).

<resources />

File & Resource Extractor

Finds every image, video and audio file on the page. Select what you need and zip it for download — entirely in the browser, no upload required.

<export />

Export Studio

JSON, JSON Lines, CSV, TSV, Markdown, HTML, XML, YAML, or SQL INSERT statements — with a live preview pane and one-click copy or download.

<web-export />

Full-Page Export — new in v1.5.0

Export the entire current page — not just a picked selection — to Excel, CSV, PDF, Markdown, HTML, or TXT in one click, with a live spreadsheet/PDF/rendered preview and an editable text view before saving.

<history />

History

Every extraction is saved locally, so you can revisit or re-export a past session without re-scanning the page.

<demo>

Ten seconds is enough to see it work

quick-demo.mp4 — 0:10

<walkthrough>

Full feature walkthrough

A complete tour — detection, picking, cleaning, transforming, exporting, and everything in between.

full-feature-walkthrough.mp4

<screenshots>

Every panel, in the browser it lives in

Click any frame to zoom in.

<install>

Five commands, no build step

Stable builds ship as a ready-to-use v1.5.0.zip on the Releases page.

install.sh

1 download v1.5.0.zip

2 unzip v1.5.0.zip

3 open chrome://extensions

4 enable "Developer mode"

5 click "Load unpacked" → select the unzipped folder

Then pin the extension and press Ctrl+Shift+D to open it.

<roadmap>

What's queued up next

Web tab — Export (shipped in v1.5.0)
Web tab — Capture (viewport & full-page screenshots, clipboard copy)
Web tab — Analyze (page stats, metadata, link/image/table inventories)
Web tab — AI (multi-provider summary, key points, FAQ, structured data)
Web tab — Clean (reader mode, ad & popup removal)
Automation Studio — auto-refresh, DOM-watch, scheduled & batch extraction
Workspace manager — saved selectors, templates, transform presets
Advanced Data Transformation Studio — calculated columns, regex, custom JS
JSON Studio — schema & model generation (TS / Java / C# / Python / Dart)
Plugin system — custom extractors, exporters, transformers
AI-assisted detection & cleaning (Explorer side)
ODS export
MongoDB / PostgreSQL / MySQL export targets

<faq>

Frequently asked questions

What is Web Data Studio?

Web Data Studio is a free, open-source Chrome extension that visually detects and extracts tables, lists, cards, and grids from any webpage, then lets you clean, transform, and export the data locally — with no server and no tracking.

What formats can Web Data Studio export to?

Web Data Studio exports to JSON, JSON Lines, CSV, TSV, Markdown, HTML, XML, YAML, and SQL INSERT statements, with a live preview and one-click copy or download.

Is Web Data Studio free?

Yes. Web Data Studio is free and open source under the MIT License, distributed as a ready-to-use v1.5.0.zip on its GitHub Releases page.

Does Web Data Studio send my data anywhere?

No. All detection, extraction, cleaning, and export happen locally inside your browser. Web Data Studio does not use a server and does not track usage.

Which browsers does Web Data Studio support?

Web Data Studio is built for Google Chrome using Manifest V3. It also works in other Chromium-based browsers that support Chrome extensions, such as Microsoft Edge, Brave, and Opera.

What websites and frameworks does it work with?

Ordinary HTML pages as well as sites built with React, Vue, Angular, Next.js, WordPress, and Shopify. It also recognizes common data-grid libraries including AG Grid, Tabulator, Handsontable, Kendo Grid, DataTables, Bootstrap Table, PrimeVue, Vuetify, Element Plus, Ant Design, and MUI.

Can it extract images, videos, and other files, not just tables?

Yes. The built-in File & Resource Extractor finds every image, video, and audio file on the page, lets you select what you need, and zips it for download, entirely inside the browser.

Can I export the whole page, not just a picked table?

Yes. The Web tab's Export sub-tab (added in v1.5.0) exports the entire current page in one click to Excel (.xlsx), CSV, PDF, Markdown, HTML, or TXT, with a live visual preview and an editable text view before saving.

Does it support scheduled or automated extraction?

Not yet in v1.5.0. Scheduled, batch, and DOM-watch automation is planned as part of the upcoming Automation Studio module — see the roadmap above.

How do I report a bug or request a feature?

Open an issue on the GitHub Issues page. Web Data Studio is open source under the MIT License, and bug reports, feature requests, and pull requests are all welcome.