The diagnosis. The fight view. The CSS that fixes it. 7 days free on your first diagnosis, no card required. After that, $49/year.
Click on what looks wrong.
Find out exactly why.
Any website in Chrome · No setup · No card to start
Pick an element
Click directly on whatever looks wrong. Lens activates on that element and reads every CSS rule applying to it, the ones winning and the ones that tried and lost.
Preview your change
Type the value you want. Lens drops it onto the live page so you can see it. Then it tells you whether that change would hold, or whether something is set to override it, naming the source.
Get the diagnosis and the fix
Run the diagnosis. Lens tells you exactly what’s blocking you, in real human terms, and gives you the CSS that makes the change permanent. The capture file is on the triage page for developer handoff.
The preview is free. The answer costs $49/year.
The preview gives you a real answer about what’s overriding your change. The diagnosis gives you the fix.
No monthly plan · Stripe · USD
See the difference on one stuck element.
Same locked heading either way. Flip the switch to see what Free tells you, and what Lens Annual adds on top.
color: #8B7BA8 !important;
}
The preview is free. The diagnosis is the paid layer.
Clicking an element and previewing a change costs nothing. The diagnosis, the fight view, and the CSS that makes the change permanent are behind the trial and the annual plan. Tap any row to see what it does.
Click anything on any site in Chrome to point Lens at it.
Lens shows every property landing on it, the winners and the ones that lost.
Type a value, watch it land on the live page, and find out whether it would survive.
Before you touch code, Lens tells you if your change holds or if something’s set to win.
What’s winning, why your value lost, and what it takes to beat it, in plain language.
Where a fix is possible, the exact rule that makes your change permanent, ready to paste.
A full breakdown you can revisit, plus a clean handoff for whoever does the code.
68 CSS properties on the element, structured into a file your developer can act on.
The 7-day trial gives you the full Lens Annual experience on your first diagnosis. No card required. After 7 days, $49/year keeps you diagnosing.
See your change before you commit to anything.
Pick the element. Type the value you want. Lens drops it onto the live page so you can see exactly what it looks like, right now, on your actual site.
Then it tells you the one thing every other tool leaves you guessing: will this change actually hold, or is something else going to win.
Looks right.
A normal CSS change here would stick. The value stays on the page so you can keep looking at it. Diagnose to get the exact CSS that makes it permanent.
Something is overriding this.
Your change won’t survive on its own. Lens names what’s in the way: your theme, a plugin, your page builder, a script. The diagnosis gives you the CSS that actually beats it.
No guessing. No digging through browser tools. No trial-and-error edits that quietly do nothing.
What you’re probably wondering.
Click any element on any site and the popup shows you every CSS property on it. Pick one, type the value you want, and Lens applies it to the live page so you can see it. The popup then tells you whether that change would hold, or whether something is set to override it, and names the source. That’s what’s free, with no account and no trial. The diagnosis, the fight view, the CSS override, the triage page, and the capture file require the trial or the annual plan.
The trial starts the moment you run your first diagnosis. From that point, unlimited diagnoses for 7 days, no card required. After 7 days, Lens Annual keeps you diagnosing. The trial can’t be restarted on the same account.
A diagnosis is one run on one element: the verdict, what’s winning, why your value lost, and the override where it’s safe. Clicking an element and previewing a value in the popup don’t use a diagnosis. During the trial and on Lens Annual, diagnoses are unlimited.
Sometimes the triage page can’t produce a CSS override. This happens when a script is setting the value directly on the element after the page loads, or when the winning rule uses a mechanism that CSS can’t beat on its own. When that happens, Lens tells you exactly why CSS won’t work and gives you the capture file to hand off to a developer with everything they need to fix it properly.
Any website that opens in Chrome. Shopify, Webflow, Squarespace, WordPress, Framer, custom builds, anything. Lens reads what the browser actually has, so the platform you built on doesn’t matter.
Inspecting elements and previewing changes need no account. To run a diagnosis, you sign in with your email: Lens sends a 6-digit code, you type it into the popup, and you’re in. No password to create or remember. The same account works across devices and after reinstalling.
No. Lens Annual is $49, billed once a year. No monthly option. One price, unlimited diagnoses, for a year.
Inspecting elements and previewing changes still work. To keep diagnosing, move to Lens Annual at $49/year. Nothing charges automatically: there’s no card on file during the trial, so it ends quietly rather than billing you.
All payments are processed by Stripe. All major credit and debit cards accepted. All prices in USD. Lens Annual is billed once per year.
Click on what looks wrong. Finally know what’s causing it.
Lens is almost here. Join the waitlist and get early access when it opens.