Layout Collector
Capture screenshots, metadata, and categorize web page layouts. Save to Supabase and browse your design reference gallery.
As of June 2026, Layout Collector has — users in the Developer Tools category.
Usersno change0%
—
—
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0.0
Manifest V3
History
2 snapshotsTracking since Apr 18, 2026.
Not enough history yet for this metric — the chart fills in as we collect more snapshots.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 18, 2026 | — | — | — | 1.0.0 |
| Apr 25, 2026 | 1 | — | — | 1.0.0 |
| Now | — | — | — | 1.0.0 |
Permissions & access
- Permissions
- activeTabscriptingstoragesidePanel
- Host access
- None declared
Screenshots
About
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)
Technical
- Version
- 1.0.0
- Manifest
- V3
- Size
- 138KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- bnfbpejhkabkanabpefhlkijcpadeioc
- Developer ID
- u24e82dcc2abfb41205e32483ec46e57f
- Developer Email
- [email protected]
- Created
- Feb 26, 2026
- Last Updated (Store)
- Feb 26, 2026
- Last Scraped
- Jun 2, 2026
- Website
- —
- Support URL
- —
Similar extensions
Alternatives to Layout Collector, ranked by description similarity.
Chromata
Extract color palettes(can be exported in HEX, RGB, HSL or Tailwind CSS format), fonts, images directly from any website.
81
Style Capture
Capture computed CSS from any element and get Tailwind mappings. Ready to paste into your AI coding agent.
24
★ 5.0
Website Cloner
Convert websites or components to clean HTML with Tailwind CSS for development, migration, or AI integration
3.0K
★ 1.0
Web Style Analyzer
Extract the Style, Enhance Your Design!
66
Designer's Little Helper
Developer & designer toolkit: Grid, CSS Inspector, Color Picker, Contrast Checker, Responsive Testing & more.
20
Tailwind Inspector
Easily inspect and edit Tailwind CSS classes on web pages for rapid prototyping and debugging
185
★ 3.5
Built with Tailwind CSS
Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.
534
CSS Master: Style Extractor
Extract colors, fonts, and styles from any webpage with one click. Export to Tailwind CSS config.
19
★ 5.0
Data sourced from the Chrome Web Store · last verified Jun 2, 2026.