Baseline Lens
Know if you can use it, without leaving your editor.
The Problem
Checking whether a CSS or JS feature is safe to ship means tabbing to Can I Use or MDN mid-keystroke, then tabbing back and hoping you remember what you found.
Baseline Lens takes the compatibility data that powers MDN and Can I Use — the Baseline web-features dataset — and puts it directly in your editor, inline, as you write. Across CSS, JavaScript, HTML, React, Vue, and Svelte, it flags whether a feature is widely available, newly available, or has limited support, right next to the line where you used it.
Hovering over a flagged feature gets you a full browser support breakdown, a link straight to the relevant MDN page, and fallback suggestions where they exist — so the answer to 'can I use this' is a hover, not a context switch. Every finding also surfaces in VS Code's own Problems panel, so compatibility issues sit alongside your other diagnostics instead of living in a separate mental bucket.
For teams, a shared .baseline-lens.json config lets everyone work from the same browser support matrix, and project-wide compatibility reports can be exported as JSON or Markdown — useful for audits, migrations, or just knowing where you stand before a release. It's built to stay fast even in large projects, with analysis running in well under 100ms.
Who It's For
Frontend developers and teams who ship to a range of browsers and want compatibility checked continuously, not just remembered occasionally.
"I lost count of how many times I tabbed to Can I Use mid-line, then lost my train of thought entirely. Baseline Lens is that lookup, brought inline, so the answer is just... there."
— Founder, Naviware
Features
- •Real-time detection of modern web features across CSS, JavaScript, HTML, React, Vue, and Svelte files
- •Inline indicators showing widely available, newly available, or limited-support status at a glance
- •Hover tooltips with browser support breakdowns, MDN links, and fallback suggestions
- •Full integration with the VS Code Problems panel for centralized diagnostics
- •Project-wide compatibility reports, exportable as JSON or Markdown
- •Shareable team configuration via a .baseline-lens.json file, including custom browser support matrices
- •Sub-100ms analysis performance, designed to stay out of your way even in large projects
Requirements
- VS Code (any recent version)
Built With
Ready to try Baseline Lens?
Install in VS Code