UI Inspector - Live Style Editor

Inspect and visually edit elements directly on the page for faster design and UI debugging.

UI Inspector - Live Style Editor for Web Development

"UI Inspector - Live Style Editor" is a powerful Chrome extension that allows you to inspect and edit web pages in real-time, improving design and front-end development. With features like element inspection, style modification, and global changes, it streamlines the process of debugging and refining UI designs. Unlock PRO features to save style presets, export to GitHub, and capture high-resolution screenshots. Perfect for web developers and designers aiming for pixel-perfect accuracy.
Install from Chrome Web Store

Extension stats

Users: 584
Rating: 5.00
(2)
Version: 1.3.2 (Last updated: 2024-12-17)
Creation date: 2024-11-01
Risk impact: Very low risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • scripting
  • activeTab
  • storage
  • declarativeContent
  • sidePanel
  • commands
Size: 71.57K

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

Edit web pages like Figma!

Elevate your web development and design workflow with UI Inspector, a powerful Chrome extension that lets you inspect, edit, and style any web page visually and in real-time. Skip the hassle of diving into DevTools and make instant adjustments directly on the page.

With UI Inspector, you can:

  • Inspect elements - activate the extension and click on an element to view its attributes.
  • Edit attributes - modify attributes in the visual editor to see changes in real time.
  • Control typography - adjust font family, size, weight, and letter spacing.
  • Configure layout and spacing - set margins, paddings, display properties.
  • Enhance backgrounds and shadows - apply custom colors, background blurs, and shadow effects.
  • Customize borders - adjust border width, style, and color.
  • See a list of all elements you've updated in one place.

See more

User reviews

Incredible usability and convenience! I bought this app and couldn't stop recommending it to everyone around me. As a designer, I can say this is truly an excellent product. Both the interactions and UI are convenient and fantastic.
by saeyan, 2024-11-19

Wow this works extremely well. I am grateful that this tools has been developed.
by Luca T., 2024-11-18
View all user reviews

Extension safety

Risk impact

UI Inspector - Live Style Editor does not require any sensitive permissions.

Risk likelihood

UI Inspector - Live Style Editor has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

UI Inspector - Live Style Editor small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to UI Inspector - Live Style Editor: