MAX - Design Power-Pack - Color, Asset, Save, Edit, Search, Screen Grabber

All-in-one premium design suite: Color Picker & Studio, Screen Grabber & Video Recorder, and Multimedia Asset Downloader.

MAX is a premium-quality, lightweight, and local-first browser extension designed for designers, developers, and power users. Instead of cluttering your browser with multiple resource-heavy extensions, MAX consolidates color picking, screen capture, media scraping, and image editing into a single extension that runs smoothly in a popup or docked as a native Chrome Side Panel—100% free and no accounts required. Built entirely using native Web APIs, Vanilla JavaScript, and highly optimized CSS, MAX does not load heavy external frameworks or send a single byte of your data to external servers. It is 100% privacy-first and runs completely locally. --- 🎨 FEATURES IN DETAIL: 1. ADVANCED COLOR PICKER & COLOR STUDIO • Native Eyedropper: Uses Chromium's native EyeDropper API to sample any pixel from your screen with pixel-perfect accuracy, even outside the browser window. • Color Studio: Beyond simple hex codes, the Studio helps you design. Generate variations (monochromatic, analogous, complementary), adjust HSL values in real-time, and run contrast checks. • Clipboard & History: Automatically logs color history and exports to HEX, RGB, or HSL format with a single click. 📸 2. SCREEN CAPTURE, RECORDER & IMAGE STUDIO • High-Res Captures: Capture custom selected regions, the visible page area, or full scrollable pages (automatically scrolls and stitches the page using the chrome.tabs API). • Tab & Screen Recorder: Records high-quality MP4 video of your active tab or entire screen with or without audio. • Built-In Image Studio: Edit screenshots or web images directly in a canvas editor. Draw, write text, add annotations, crop, or highlight areas with support for undo/redo states. • Local Capture History: Keeps a private, local history of your screenshots so you can download, copy to clipboard, or re-edit them later. 🖼️ 3. MULTIMEDIA ASSET SCRAPER & DOWNLOADER • DOM Parser: Scrapes the active tab’s DOM to identify images, SVG vectors (including inline SVG tags), videos, and audio tracks. • Live Image Grid & Filters: Inspect assets in a visual grid, search by name, filter by format (PNG, JPG, SVG, WebP, etc.), or sort by size. • Clean SVG Extract: Downloads inline SVGs as clean standalone .svg files or copies raw code to your clipboard. • Batch Downloads: Download selected files or download all media in a single click using the chrome.downloads API. ⚡ 4. SECURE CONTEXT MENU TOOLS • Save Image As Type: Converts web images on-the-fly and saves them directly as JPG, PNG, WebP, GIF, or PDF via the right-click menu. • Edit in New Tab: Right-click any image on the web and immediately open it in the MAX Image Editor tab. • Video Speed Controller: Overlays a sleek speed controller on web videos with shortcut keys for fast forwarding, slowing down, or resetting. • Reverse Search: Instantly reverse search images on Yandex (for full-resolution source discovery) or TinEye (to find sizes). --- ✦ ARCHITECTURE & PRIVACY: • Native Integration: Built to fully support Chrome’s native Side Panel API, letting you dock MAX to the side of your workspace. • No Background Clutter: Employs an MV3 service worker that only wakes up when needed, keeping memory usage near zero when idle. • Privacy-First Design: No sign-ups, no tracking SDKs, no Google Analytics, and no telemetry. Your local storage (chrome.storage.local) is the only place your history resides. 🔒 PERMISSIONS EXPLAINED (100% TRANSPARENT): To deliver these power-user features locally on your machine, MAX requests the following permissions: • activeTab & scripting: Required for the Color Picker to sample pixels on your active screen and the Asset Scraper to detect downloadable media. • downloads: Required to let you save captured screenshots and scraped media directly to your local device. • storage: Required to save your color palette history and extension settings locally. • contextMenus: Required to quickly access tools like "Save Image As Type" or "Edit in Editor" via right-click. --- WHO IS IT FOR? • UI/UX Designers building moodboards, extracting assets, or inspecting color palettes. • Web Developers auditing site resources, media, and testing accessibility contrasts. • Content Creators collecting visual references, capturing clean full-page layouts, or editing screenshots.