the panel
One hundred and one tools, one shortcut
Grouped by what you are trying to find out rather than by what kind of thing it is. Everything that reads the page in front of you is free and runs locally; the 26 marked PRO either export something or cost a server request.
tools and diagnostics
101
free of them
75
host permissions
0
written up at length
101
Add
LoupeKit
- opens the list of browsers it can be installed in
showing all 101
Nothing by that name. Every tool the panel has is on this page, so if it is not in the grid it is not in the panel either.
Inspect and edit
the element under the cursor 19 of 19- Classes read → Every class on an element and what each one actually does
- Viewport read → Side-by-side frames at genuine device widths
- Grid read → Overlay the grid and flex tracks a layout really uses
- Ruler read → Two rules down the edges, with pinned guides and a choice of zero
- Component PRO read → Take the selected element out as a React or Vue component
- Site styles read → A stylesheet you write for one site, kept and re-applied
- Layers read → Tip the page over so every level of nesting is its own plate
- Selector read → Run a selector against the page and outline every element it matches
- Units read → Convert px, rem, ch and build a fluid clamp
- Cookies read → Every cookie the browser holds for this site, HttpOnly ones included
- Page source read → The rendered DOM in its own window, formatted and searchable
- WordPress read → Whether a page is WordPress, its theme, and every plugin loading an asset
- Patterns read → A CSS background pattern out of gradients, painted onto the selection
- Easing read → A cubic-bezier or spring curve as CSS, with a preview to replay
- Shadows read → Layered box-shadows and an elevation ladder, tried on the real page
- Shapes read → A clip-path polygon dragged into shape, or an organic blob
- Glass PRO read → Frosted glass tuned over a busy ground and tried on the page
- Leak sniff read → Counts before and after you repeat an action, to see whether the page keeps growing
- Listener map read → Inline handlers and listeners added after Record, on an element and its ancestors
Extract and convert
take something out of the page 17 of 17- Fonts read → Every family, weight and size in use, ranked
- JSON read → Pretty-print, tree and diff any JSON on the page
- QR code read → The current URL as a code you can scan to a phone
- Open URLs read → Every address in a block of pasted text, opened as its own tab
- CSS to Tailwind read → Pasted CSS as Tailwind utilities, utilities back as CSS, line by line
- Scraper PRO read → Any repeating block on the page - cards, results, rows - as CSV, TSV or JSON
- Picture-in-picture read → Any video on the page popped into the browser’s floating window
- Capture read → The viewport, a dragged rectangle or the whole page - with somewhere to annotate it
- Palette PRO read → One brand colour as an eleven-step OKLCH scale, with a contrast matrix and token export
- Regex read → A pattern run over text, with every match, group and replacement
- Image lab PRO read → Resize, convert and compress an image without it leaving the panel
- Mesh gradient PRO read → Colour points dragged into a mesh gradient, painted on the page and saved as CSS, SVG or PNG
- Encoders read → Base64, URL, HTML, JWT, hashes, UUIDs and timestamps, none of it sent anywhere
- Images read → Every image with shipped pixels against rendered size
- Tokens read → Colours, spacing and type steps as painted, not declared
- Media read → Video, audio and their poster frames, downloadable
- Font faces read → The declared faces, their files and formats
Layout diagnostics
why it moved, why it broke 16 of 16- Text stress read → WCAG text spacing and right-to-left on the page, and what stops fitting
- Waves PRO read → Layered SVG section dividers - waves, peaks or steps - seeded and tuned
- Cascade read → Which rule won, and how much of the win was !important
- Z-index read → Every stacking context and the property that created it
- Compare read → Two elements side by side, with every computed value that differs marked
- Shifts read → What moved after first paint and how far
- Overflow read → Everything that reaches past the viewport edge, and why
- Reflow read → What breaks at 320px and 200% zoom
- Breakpoints PRO read → The page measured at every width its stylesheets declare
- Environments read → The same page in two environments, compared
- Scrolling read → Every scroll container, including the ones you did not mean
- Errors read → Uncaught errors, rejections and blocked loads, counted live
- Console read → What the page says to its console, warnings included, counted live
- Mutations read → What the page rewrites after load, live
- Top layer read → Dialogs, popovers and fullscreen, with anchors and inert subtrees
- Style census PRO read → Every spacing, radius, shadow and size the page paints, counted
Loading and weight
what it costs to open 14 of 14- Font loading read → Faces that never arrived, fell back, or were only local
- Load timing PRO read → The real waterfall for this document, summarised
- Requests PRO read → Every request on one time axis, with status, size and phases
- Page weight read → Bytes by type, with the five heaviest named
- Unused read → CSS and JS never executed, with estimated savings
- Interactions read → How long each interaction took, and which script blocked it
- DOM size read → Element count, depth and the heaviest subtrees against Lighthouse’s budget
- Network lab read → Make fetch and XHR calls fail or wait to see how the page copes; delays are Pro
- Animation read → Every running animation and what it costs per frame
- Third parties PRO read → Every host contacted and the company behind it
- Iframes read → Frames, their origins, and what each one loads
- Storage read → Sizes, biggest keys, databases and quota - never a value
- Hints read → Preloads and preconnects judged against what actually loaded
- Service worker read → What is registered, what is waiting, and whether this installs
Content and copy
the words and the head 12 of 12- Wording read → Reading level, sentence length and repeated phrasing
- Tables read → Any table on the page out as CSV or JSON
- Markdown PRO read → The document, or a selection, as clean Markdown
- Pseudoloc read → Swap copy for pseudo-locale to find hard-coded strings
- Reader read → The page stripped to its text, as a reader mode sees it
- Copy inspect read → What the page actually puts on your clipboard when you copy
- Type scale PRO read → A fluid modular type scale with a live specimen and export
- Social card PRO read → A 1200 by 630 link-preview image from the page's title, with its meta tags
- Head order read → Meta, title, canonical and OG tags in the order they load
- i18n strings PRO read → Every visible string as an i18next, .po or CSV translation file
- Readability read → Reading ease, grade, reading time and the longest sentences
- Preferences read → Force dark, reduced motion, contrast and locale
Accessibility
and how it behaves without a mouse 9 of 9- Print read → What the page becomes on paper, before you print it
- Selector health PRO read → How durable each interactive element is to address in a test
- Forms read → Labels, names, errors and autocomplete, per field
- Form stress read → One awkward value into every field, and what the browser made of it
- Focus path read → The tab order drawn over the page, in sequence
- Keyboard walk read → Walk every interactive element and log what traps
- Outline read → Landmarks and headings in the order a screen reader meets them
- Speech preview read → What a screen reader would say for each element, in reading order
- Tap targets read → Every control under 24px or 44px, with the WCAG spacing exception applied
Export and report
hand the finding to someone else 14 of 14- Recorder PRO read → Record clicks and typing out as a test in your framework
- Mockup read → Pin a mockup over the page and diff it by pixel
- Page theme read → Restyle any site live and keep it per-domain
- Client report PRO read → One self-contained site review, built on your device
- Handoff pack PRO read → Every reading on the page as one archive, with a cover
- Ship check PRO read → Every reader held against a threshold, as one verdict
- Link builder read → Tag the address in the tab with campaign parameters
- Favicon kit PRO read → Every favicon size, an .ico, the manifest and head tags from one letter or emoji
- Device mockup PRO read → A screenshot framed in a browser window or a phone on a gradient, as one image
- Code image PRO read → A code snippet highlighted in a window on a ground, as a sharp PNG to post
- Patches PRO read → Off-system colours, written as the edit that restores the token
- Bug report read → Errors and console output from a reproduction, written up as Markdown
- Source maps PRO read → Bundles serving a map, and what they expose
- Tailwind theme read → Reconstruct a Tailwind config from a built site