Simple Scraper is a generic scraper extension designed to make data extraction easy and accessible. It allows users to visually select elements on a webpage, define scraping steps, and export the data without writing code.
Whether you need to scrape a list of products, extract article text, or gather data from nested elements, Simple Scraper provides a flexible and user-friendly interface to get the job done.
- Visual Selection: Point and click to select elements on any webpage to scrape.
- Step-based Scraping: Define multiple steps to traverse commands or scrape nested data.
- Data Export: Download scraped data as JSON.
- Cheat Sheet: Built-in CSS selector cheat sheet to help you target specific elements.
- Export Configuration: Export your current steps and share them with others.
- Modern UI: Clean and responsive interface built with Tailwind CSS.
- Go to the Releases page.
- Download the
extension.zipfile from the latest release. - Unzip the file.
- Load into Chrome/Edge/Brave:
- Open
chrome://extensions. - Enable Developer mode.
- Click Load unpacked.
- Select the unzipped folder.
- Open
- Clone the repository:
git clone https://github.com/mahedikd/simple-scraper.git cd simple-scraper - Install dependencies:
pnpm install
- Build the extension:
pnpm build
- Load into Chrome/Edge/Brave using the
distdirectory.
- Navigate to the website you want to scrape.
- Open the Simple Scraper extension popup.
- Use the selector picker to choose elements on the page.
- Hover over elements to highlight them.
- Click to select.
- Add steps to define the extracting logic (e.g., text, attributes).
- Click Start to begin scraping.
- Download your data (JSON) when finished.
- React
- TypeScript
- Vite
- Tailwind CSS
- CRXJS - Vite plugin for Chrome Extensions
- Radix UI - Unstyled, accessible components
Feel free to open PRs or raise issues!