Chrome Extension · Manifest V3 · Free

See colors & sizes
before you click.

Hover over any product on Google Shopping, Amazon, Shopify stores, Etsy, eBay & more — instantly see what's in stock. No clicking through. No waiting for pages to load.

Zero data collected
Manifest V3 · Open source
Free forever
👟
Air Runner Pro
$129
👜
Leather Tote
$89
🧥
Puffer Jacket
$199
Sport Watch
$249
🧣
Knit Scarf
$45
👒
Sun Hat
$38
Hover Quick Preview
Colors4
Sizes5
78 91011
via Shopify
Hover Quick Preview
Colors3
via Amazon
450ms
Debounce delay
0
Data collected
5min
Result cache
6+
Supported platforms
MV3
Manifest version

How it works

Three steps. Zero extra clicks.

The extension runs silently in the background and activates only when you pause over a product.

🛍️
1

Hover a product card

Pause your cursor over any product on a supported shopping page. The extension detects the card automatically — no setup, no clicking.

2

Variants are fetched

After a 450ms debounce, the extension checks the page's own DOM first (instant), then calls store APIs (Shopify, BigCommerce) or fetches the product page.

🎨
3

Preview pops up

A small, clean popup shows available colors as swatches and sizes as pills — sold-out options excluded. Disappears when you move away.

Features

Built for real-world shopping.

Every design decision was made to stay fast, unobtrusive, and compatible with modern e-commerce stacks.

🔒

Shadow DOM isolation

The popup lives in a Shadow DOM — its CSS never conflicts with any site's styles, no matter how complex the page.

Layer 0: DOM-first

Checks the card's own markup before making any network request. Many Shopify stores embed JSON directly — instant, zero latency.

🏪

Multi-platform parsers

Dedicated parsers for Shopify API, BigCommerce storefront API, Amazon inline scripts, WooCommerce forms, and schema.org JSON-LD.

🚫

Sold-out filtering

Only available variants are shown. Sold-out colors and sizes are excluded so you're never misled about what you can actually buy.

🎨

Smart color display

Standard color names render as colored circle swatches. Product-specific names like "Urban Coast" render as text chips — always legible.

🗄️

5-minute result cache

Each product's data is cached for 5 minutes. Hovering the same card a second time is instant — no redundant network calls.

🌐

Browser-like fetch headers

The background service worker sends full Chrome browser headers including User-Agent and Sec-Fetch-* — reducing CAPTCHA and bot-block rates.

⚛️

Works on React / SPA pages

Uses event delegation on the document so dynamically rendered product cards (React, Vue, Next.js) are detected automatically without MutationObserver overhead.

🔧

Enable / disable toggle

One-click toggle in the extension popup pauses the extension site-wide. Setting persists via chrome.storage across all tabs.

Supported sites

Works where you already shop.

Full support means both card detection and variant data reliably work. Partial means cards are detected but data availability depends on the store's setup.

Shopify stores
Amazon
Google Shopping
Etsy
eBay
WooCommerce
BigCommerce
Magento
Squarespace shops
Wix stores
Any site with schema.org JSON-LD
Any site with data-color / data-size attrs
Full support
Partial — depends on store config
Generic / best effort

Get started

Install in 60 seconds.

Load the extension directly from the source folder — no Chrome Web Store required.

  1. 1 Open Chrome and go to chrome://extensions
  2. 2 Enable Developer mode using the toggle in the top-right corner
  3. 3 Click Load unpacked and select the quickstock-ext folder
  4. 4 Done — hover any product card on your favorite shopping site
chrome://extensions
Hover Quick Preview
Instant size & color preview on hover
After updating files, click ↺ to reload the extension