ThemeLens — Dev HUD for Shopify

Dev HUD for Shopify themes: live theme/cart/SEO inspection, breakpoints, performance, and pixel-perfect design overlay.

ThemeLens overlays a compact, draggable HUD on the storefront you are building, so the numbers you need while developing Shopify themes are always one glance away — no DevTools digging. **Shopify-aware.** See the active theme (with a red warning when you are on the LIVE published theme), the template being rendered, and the active market, locale, and currency. Highlight every theme section on the page, jump straight to the current page in the theme editor, and open any product's JSON with one click. **Cart inspector.** Watch the cart live while you test: line items, totals, notes, and attributes — remove lines or clear the cart without leaving the page. Locale-aware, so multi-market stores show the right currency. **Front-end essentials on any site.** Viewport size with clickable breakpoint buttons that resize your browser window to each breakpoint, a column grid overlay, hover spacing and font inspection, an eyedropper, Core Web Vitals (LCP, CLS with shift flashing, INP approximation) and page-weight counters, live console error/warning counts, and SEO checks for title, description, canonical, robots, and OG image. **Pixel-perfect.** Load a design export and overlay it on the page with adjustable opacity to compare your build against the comp. Free, open to feedback, and completely private: ThemeLens collects no data whatsoever — everything runs locally in your browser. Built by the team at Think Commerce. ThemeLens is an independent developer tool and is not affiliated with, endorsed by, or sponsored by Shopify Inc. Shopify is a trademark of Shopify Inc.