Layout Collector

Capture screenshots, metadata, and categorize web page layouts. Save to Supabase and browse your design reference gallery.

Layout Collector helps designers and developers save web page layouts they find inspiring. **How it works:** 1. Click the extension icon on any web page 2. A screenshot and metadata (title, OG tags, favicon) are captured automatically 3. Choose a Page Purpose (Landing, Dashboard, E-commerce, etc.) and Layout Type (Hero+CTA, Card Grid, Sidebar+Content, etc.) 4. Hit Save — done! **Browse your collection:** - Open the Side Panel to see all saved layouts as a card gallery - Filter by page purpose or layout type - Search across titles, descriptions, and URLs - Click any card to revisit the original page - Delete layouts you no longer need **Features:** - One-click capture: screenshot + URL + title + meta description + OG tags + favicon - 8 page purposes × 8 layout types = 64 category combinations - Full-text search powered by PostgreSQL - Cloud storage via Supabase (bring your own project) - Clean, minimal UI with Tailwind CSS **Tech Stack:** - WXT (Chrome Extension Framework) - React + TypeScript - Tailwind CSS - Supabase (PostgreSQL + Storage)