Salesforce Component Highlighter

Highlight Salesforce Aura and Lightning Web Components (LWC) directly in Lightning, Classic, and Experience Cloud pages.

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.