AssetLens

Web tool to scan websites and extract assets, color palettes, fonts, tech stack, and metadata.

Features

• Asset extraction: Scans and lists images (PNG, JPEG, WebP, SVG, GIF, AVIF), stylesheets, scripts, fonts, audio, and video.
• Color palette: Extracts CSS colors with format conversions (HEX, RGB, HSL) and frequency counts.
• Tech stack detection: Identifies frontend frameworks, CMS, analytics, and CDNs from page source and response headers.
• Metadata audit: Extracts OpenGraph, Twitter Cards, meta tags, and favicons.
• Export formats: Download results in JSON, CSV, or formatted text.
• Security: SSRF protection with private IP blocking.

Tech Stack

• Next.js (App Router)
• React 19
• Tailwind CSS
• Cheerio
• Vitest

Getting Started

1. Install dependencies:

npm install

2. Run the development server:

npm run dev

Open http://localhost:3000 in your browser.

Testing

npm test