UI Inspector - Visual CSS Editor

Inspect and visually edit elements and their CSS 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.

Download

Extension stats

By: https://ui-inspector.com

Users: 779

Rating: 5.00

(2)

Version: 1.4.2 (Last updated: 2025-01-23)

Creation date: 2024-11-01

Risk impact: Very low risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 3

Permissions:

scripting
activeTab
storage
declarativeContent
sidePanel
commands
contextMenus

Size: 75.78K

Email: vi*****@gmail.com

URLs: Website

Ranking

# 34,203 ▲ 1,117

Other rankings

#328 in Developer Tools ▲ 2

#11 in css editor keyword 28 ▲ 11

#159 in modify keyword 35 ▲

#198 in layout keyword 19 ▲ 20

#227 in custom background keyword 24 ▼ 3

Upgrade to see more rankings

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

Analyze keywords

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.

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.