A web application for extracting and organizing website content using Puppeteer. Extract interactive elements and images from any website with automatic categorization and filtering capabilities.
- Extract interactive elements (buttons, links, forms) from any website
- Automatic content categorization (Images, Navigation, Buttons, Forms, Data, Other)
- Image viewer with format filtering (JPG, JPEG, PNG, WebP, GIF, SVG)
- Starred navigation system for quick access to frequently used links
- Dark theme interface with responsive design
- Real-time filtering and search functionality
git clone https://github.com/zebbern/Webster.git
cd Webster
npm installnpm run devAccess the application at http://localhost:3001
npm start- Enter a website URL in the input field
- Click "Run" to extract content from the website
- Browse extracted content organized by category
- Use "View Images" to see all images in a dedicated viewer
- Star frequently used navigation links for quick access
- Filter results using the search boxes in each category
The application provides a REST API endpoint:
POST /api/extract
Content-Type: application/json
{
"url": "https://example.com"
}
Returns categorized content including images, interactive elements, and metadata.
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js, Puppeteer
- Content Extraction: Puppeteer for dynamic content rendering
- Storage: localStorage for user preferences and starred items
- Node.js 22.x or higher
- Modern web browser
- Internet connection for content extraction
ISC