Skip to content

Daim-Nickel-Penny/UI-Inspector

Repository files navigation

UI-Inscpector

A chrome extension for the UI/UX designers. Built using JS for computation and HTML/CSS for front-end.

What is the purpose of Extension?

UI-Inspector works in the website and gives you the ability to edit the websites in realtime. The extension bypasses developer tools hassle and gives you the power to edit the text directly without editing the HTML part.

But what after editing?

Once you are done editing, you need to share the new text with others or want to save it for the future referece. So, we have the screen capturing button too. This saves the screenshot of the viewport of the website and saves it in your local machines. You can simply Toggle the UI-Mode and then once you are done editing, can capture the image and share further.

Pics of Extension in Used

First The Extension Popup

Extension Popup

Enabling the extension

Enabled Mode

Changing The Text Content & Taking The screenshot

Changing The Text

Make sure to let me know what new features do you want in here. 😊

About

An extension that helps you edit the webpage content directly without the need of changing HTML and then lets you save your work.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published