Utils Grid

Page tools and developer utilities in your side panel: colors, images, PDF, screenshots, headers, QR codes, hashing, regex and more.

Utils Grid puts ten page tools and eleven offline utilities in Chrome's side panel. Open it with Alt+Shift+D and pick a tool. PAGE TOOLS (work on the tab you are viewing) • Color picker: eyedropper, HEX / RGB / HSL, history and a palette extracted from the page • Images: find every image (img, srcset, picture, CSS backgrounds, SVG), filter, download or zip • Table export: any table to CSV, TSV, JSON or Markdown, merged cells handled • Page to PDF: whole page or one section, any paper size, orientation, margins and scale • Screenshot: visible area, full page, an element or a dragged region, as PNG, JPEG or WebP • Annotate: draw on the page with pen, highlighter, arrows, shapes and text; saved per page; export as image, PDF or editable data • Headers & method: rewrite request and response headers and the request method, globally or per tab • User agent: switch browser and device identity, including Client Hints • Links: collect and filter links from the page, a selection or a section you pick • Form filler: fill forms by label and type with realistic test data or your own per-site profiles; it never submits UTILITIES (work offline, on any tab) • Password generator: random characters, or memorable word phrases (silly eagle, poor crying wolf) with your choice of separator and word list • Base64 and URL encode / decode, text or files • Hashing (MD5, SHA-1, SHA-256, SHA-384, SHA-512) and HMAC, with a compare check • UUID v4 / v7 and Nano ID generators (choose length and combine letters, numbers and symbols), and a Randomizer to pick or shuffle • QR codes: create them, or read them from a pasted, dropped or screenshot image • Regex tester with find, replace and split; a bad pattern cannot freeze the panel • Cron helper: plain-English meaning and the next run times in any time zone • Time converter: time zones, epoch seconds and milliseconds • Color adjust: lighten, darken and set opacity of any picked color TWO ENGINES Screenshots, PDF and header rules have a Lightweight engine (no banner) and a High quality engine that uses Chrome's debugger interface for exact full-page captures, real vector PDFs and per-tab request rewriting. Chrome shows its "debugging this tab" banner only while a High quality feature is running. PRIVATE BY DESIGN • No account, no ads, no analytics, no tracking, no developer servers; text you type into the utilities is never saved or sent • Everything runs on your device; header rules and settings can sync through your own Chrome profile • Export or import your configuration as JSON any time • Open source under the MIT License GOOD TO KNOW • Press Allow once so tools work on any tab; until then they work on pages where you open the panel • Chrome blocks extensions on chrome:// pages and the Chrome Web Store • Header, method and user-agent rewriting affects your own browser only, and only while a rule is on • Requires Chrome 120 or newer Right-click menu: select text and choose Base64 encode / decode, URL encode / decode, Hash, Check a file against this hash, Make a QR code, Convert timestamp or Explain cron; right-click an image to read a QR code in it. Shortcuts: Alt+Shift+D open, C color picker, S screenshot an element, L collect links from a section. Rebind at chrome://extensions/shortcuts.