Click on the element that looks wrong. Tell Lens which property you’re trying to change and what you want it to be. Lens shows you what rule is winning, why every other rule lost, and what’s standing between you and your change. No other CSS tool in Chrome answers that question.
7-day free trial · No card required · Any website in Chrome
The browser knows why
it looks wrong.
7-day free trial No card required Any website in Chrome
The button is the wrong color. You changed the setting. You refreshed. Still wrong. You cleared the cache. You found a Reddit thread. Still wrong. You opened the browser inspector and saw a panel full of CSS rules with lines crossed out through half of them and had no idea which one was winning or why.
You were not confused because you were unqualified. The browser had the complete answer sitting right there. It just never told you which rule to fight or how to beat it.
That is what Lens reads. Everything the browser already knows. The winning rule. Every rule that lost and why. Where each one came from. No other tool in this market does that. Lens is the first.
Click the element. Tell Lens what you’re trying to change.
See what’s in the way.
Not on a panel. Not after selecting a mode. You click the broken thing, pick the property you care about, and Lens shows you exactly what’s winning and why your value lost.
Click on the element that looks wrong
That’s the entire first action. A colored outline confirms Lens captured the right element.
Click the property you’re trying to change. Type the value you want.
Every non-default CSS property shows as a clickable row. Click the one you’re working on. Type what you want it to be. Lens applies it to the live page so you can see it before you diagnose anything. No other CSS tool in Chrome asks you this.
See what’s winning and why your value lost.
The rule beating yours: its selector, where it came from, why it’s winning. Below that, every rule that tried and lost, with a reason, in real human terms, for each. Diagnosis included with the annual plan.
Everything the browser knows about why that element looks wrong.
One click captures the complete CSS state. Not just the winning rule. Everything. Full technical spec →
Every stylesheet with an opinion about how this element should look. Not just the rules that won. Every rule the browser considered.
The rule that beat your page builder’s setting is in there.
The rules the browser overrode. What overrode them. Why the wrong rule won. This is what DevTools shows as crossed-out lines with no explanation.
Lens shows you both sides of every conflict.
Origin classification on every rule: theme, page builder, plugin, inline style, JavaScript injection, browser default.
“Your theme is overriding your page builder” is only possible because Lens knows where each rule came from.
Every parent element above the one you clicked, with the CSS constraints each one applies.
The most common reason a section will not center is a constraint two or three levels up. Lens reads the whole chain.
When you click a property row and type your target value, Lens uses that as the lens for everything it shows you. Which competing rule is blocking your specific change. What loss reason applies. Whether an override is possible and what it looks like. A generic cascade readout can’t do this. The diagnosis has to know what you’re actually trying to do.
No other CSS tool in Chrome takes this as input. Every other inspector shows you the cascade and leaves you to figure out what it means for your specific change. Lens answers that question directly.
Not a readout of CSS data. The specific answer to why your change didn’t work.
Every diagnosis produces a verdict in real human terms from a rule engine that reads the capture data directly. The verdict names the specific cause: a parent with display:none, a competing @media query, a CSS variable controlling the value, a rule with !important locking it. It’s not generated from a general description of the element. It’s derived from what the data actually shows.
Option 1: Fix it yourself
When the winning rule is something you can override with CSS, the triage page shows you the exact code to paste. If the selector matches multiple elements across your site, there’s a “This page only” scoped version. If the value is set by a CSS variable, there’s a second tab for updating the variable at its definition point.
Option 2: Always available
The capture file plus a pre-written message with everything your developer needs to write a fix on the first try. Class names. Cascade context. Ancestor constraints.
Credential scan runs on every capture. API keys and tokens are removed before the file leaves your machine.
Every other CSS tool shows you what’s applied. Lens shows you what’s winning, what tried and lost, and what’s in the way of your specific change.
| On your own | With Lens | ||
|---|---|---|---|
| Shows CSS rules applying to the element | |||
| Shows every rule that lost and explains why it lost | |||
| Takes the specific property and value you’re trying to change as input, and shows what’s blocking it | |||
| Previews your target value on the live page before you diagnose anything | |||
| Identifies which rule came from which source (theme, plugin, page builder) | |||
| Reads the full ancestor chain above the element you clicked | |||
| Tells you what is causing the problem in real human terms | |||
| Generates a ready-to-paste CSS fix when confident | |||
| Works on any website in Chrome |
Loupely Lens works on any website in Chrome.
If you can open it in Chrome, Lens can read it. The CSS cascade works the same way on every site.
7 days free to diagnose. $49 a year after that.
The preview gives you a real answer about what’s overriding your change. The diagnosis gives you the fix. The 7-day trial starts on your first diagnosis, no card required. See full pricing →
Click any element. See every CSS property. Type a value and see it on the live page. Lens tells you whether your change would hold or whether something’s overriding it.
Join the waitlistUnlimited diagnoses for 7 days. No card required. Trial starts on your first diagnosis. After 7 days, $49/year for Lens Annual.
Join the waitlistUnlimited diagnoses on Loupely Lens for one year. Any website in Chrome.
Join the waitlistClick on what looks wrong.
See exactly what’s in the way.
Works on any website in Chrome. 7-day free trial, no card required. Unlimited diagnoses with the annual plan.