Web Data Studio - v1.0.0
π§© Web Data Studio v1.0.0
The first stable release of Web Data Studio β a visual web data extraction and transformation platform for Chrome. Pick, preview, clean, and export data from almost any webpage, all locally in your browser.
β¨ Highlights
- π Smart Detection β automatically finds native tables, semantic lists, and repeated card/grid patterns on any page, and recognizes popular grid libraries (AG Grid, Tabulator, Handsontable, Kendo Grid, DataTables, Bootstrap Table, PrimeVue, Vuetify, Element Plus, Ant Design, MUI)
- π― Visual Element Picker β a DevTools-style inspector overlay to hover and click-select any element on the page
- π Live Preview & Cleaning β an editable preview table with one-click trim, remove-duplicate-rows, and case conversion (UPPER/lower/Title)
- πΌοΈ File & Resource Extractor β finds every image, video, and audio file on a page and lets you zip-download the selection, all in-browser
- π€ Export Studio β export to JSON, JSON Lines, CSV, TSV, Markdown, HTML, XML, YAML, or SQL
INSERTstatements - π History β every extraction is saved locally for quick re-export without re-scanning
- β¨οΈ Keyboard shortcuts:
Ctrl+Shift+D(open),Ctrl+Shift+P(picker),Ctrl+Shift+E(quick export) - π§± Built on Manifest V3 with a background service worker, content script, popup, and a dockable Chrome Side Panel UI β strict TypeScript, no framework runtime
π¦ Installation
- Download
dist.zipfrom this release's Assets. - Unzip it.
- Open
chrome://extensions, enable Developer mode. - Click Load unpacked and select the unzipped folder.
- Pin the extension and press
Ctrl+Shift+Dto open Web Data Studio.
πΊοΈ What's next
Planned for future releases: Automation Studio, a Workspace/template manager, an advanced Data Transformation Studio, JSON Studio (schema + model code generation), a plugin system, and AI-assisted detection and cleaning. See the README roadmap for details.
π License
MIT β see LICENSE.
Full Changelog: https://github.com/KEHEM-IT/WebDataStudio//commits/v1.0.0