UI Inspector

UI Inspector is available on the Chrome Web Store

Edit web pages like Figma!

Elevate your web development and design workflow with UI Inspector, a 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.

One time payment for lifetime access.

With UI Inspector you can:

• Inspect elements - activate the extension and click on an element to see it's attributes.
• Edit - modify the attributes in the visual editor to see changes in real time.
• Apply changes globally - Automatically apply style changes to similar elements throughout the page.
• Style Presets - Save and reuse frequently used styles to maintain design consistency across projects.
• Export screenshots - Capture high-resolution screenshots of your styled elements for documentation or collaboration.
• Typography control - Modify font family, size, weight, and letter spacing.
• Layout and spacing - Adjust margins, paddings, display properties, and alignment.
• Backgrounds and shadows - Enhance elements with custom colors, background blurs, and shadow effects.
• Border customization - Edit border width, style, and color.

UI Inspector is for:

• Web Developers - Accelerate Front-End Development: Quickly identify and fix layout or styling issues by editing elements on the fly. Simplify CSS Debugging: Bypass complex DevTools interfaces with an intuitive, visual editor.
• Web Designers - Real-Time Design Validation: Adjust and perfect designs in the browser to ensure pixel-perfect implementation. Bridge Design and Development: Collaborate more effectively by directly tweaking live pages.

Notice

Compatible with any Chromium browser that supports the Side Panel API (currently not supported on Arc browser); for best results, ensure your browser supports all required APIs. If installation issues arise, update your browser to the latest version and try again.

License

Each Licence is limited to 3 activations.

If you buy a package of licenses (3, or 10), they share the same key but can simultaneously activate it 15, or 30 times.

License keys are for personal or private use. If shared publicly, they will be deactivated.