Laser Eyes

Outline every element on your website with the help of Laser Eyes

Laser Eyes: Outline Elements on Your Website

Laser Eyes is a Chrome extension that aids front-end developers by injecting customizable CSS onto the current tab, allowing them to visualize and align elements in the DOM without affecting the original alignment. The CSS injected by Laser Eyes is synced across multiple browsers.
Install from Chrome Web Store

Extension stats

Users: 476
-43
Rating: 5.00
(2)
Version: 1.0 (Last updated: 2022-02-24)
Creation date: 2022-02-24
Risk impact: Very low risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • storage
  • activeTab
  • scripting
Size: 29.41K
URLs: Website

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

An extension that aids Front-end Developers by visualizing elements in the DOM. Activating Laser Eyes will inject custom CSS onto the current tab, allowing developers to see how elements align and stack up. By using the CSS "outline" property, as opposed to "border", the elements won't grow in size and the original alignment is preserved. The CSS that Laser Eyes injects is customizable and synced across multiple browsers.

User reviews

Does exactly what it says! Super useful for debugging CSS quickly
by Ahmed Mansour, 2024-10-17

Love it! Great and simple visual tool to debug layout, spacing and vertical rythm of elements in a page.
by David Millan, 2022-02-25
View all user reviews

Extension safety

Risk impact

Laser Eyes does not require any sensitive permissions.

Risk likelihood

Laser Eyes has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Laser Eyes: