Salesforce Component Highlighter

About

Understand your Salesforce pages like never before.

Salesforce Component Highlighter is a powerful tool for developers, admins, and architects who work with Lightning Web Components (LWC) and Aura components. It visually highlights components in real time, helping you inspect, debug, and validate your Salesforce UI faster.

Whether you’re building in Lightning Experience, Experience Cloud, or Classic — this extension makes it simple to see what’s on the page.

⚡ Key Features
🔍 Instant detection of LWC and Aura components on any Salesforce page
🎨 Custom highlight colors — personalize Aura and LWC visuals
🧠 Smart persistence — highlights stay active as you navigate subtabs
👀 Hover labels — show component names only when you need them
⌨️ Keyboard shortcuts and right-click menu for quick access
🧾 Snapshot export — generate JSON reports of detected components
💎 Works on Lightning, Experience Cloud, and Classic UI


🛠️ Perfect For
Salesforce Developers debugging component boundaries
Admins validating page composition
Architects reviewing Lightning or Experience Cloud implementations


🔒 Privacy First
This extension only runs on Salesforce domains (*.lightning.force.com, *.salesforce.com, *.site.com, etc.).
It does not collect or transmit any personal or page data — ever.


💡 Pro Tip
Try switching tabs or navigating inside Salesforce — the extension automatically re-detects and re-highlights your components.
You can also capture a full snapshot of your current page’s Aura and LWC components for easy documentation or debugging.


👨‍💻 Developed by
Nikhil Kumar – Salesforce Developer & UI Enthusiast
Built with ❤️ for the Salesforce community.