A Graphical user interface for userscripts. Creating user-friendly userscripts can be a bit challenging, as the majority of regular users are scared to touch your code. UserGui allows you to unlock your userscript to more people, and create a more pleasing experience.
// @grant GM_getValue // @grant GM_setValue // @grant GM_xmlhttpRequest // @require https://raw.githubusercontent.com/AugmentedWeb/UserGui/main/usergui.js
Internal & External GUI
Easy to design
UserGui is built around BeautifyTools’ Form Builder. It eases the design process of your GUI’s form so that you don’t have to remember a million different commands and element names.
After designing the form, it can be exported as a HTML string. With one UserGui command it can be added to the GUI. The design process is increadibly easy and fast to do. You’ll love it once you get used to it.
Dynamic Navigation Tabs
If you add multiple pages to the GUI, navigation tabs will generated automatically.
The GUI is partly isolated from the site’s environment. Both internal and external GUI live in its own document. This means that the site’s functions and CSS styles won’t interfere with the GUI that easily.
The isolated environment and the option to use either an internal or external GUI help keep the GUI working in almost any situation.
Various other features
- Really simple data functions for GUI element data transfer
- Custom CSS input to internal and external GUI separately
- Open the GUI in the center of the screen
- Notify the user if popups are blocked
- Bypass site CORS
- and so on…
UserGui uses the power of Bootstrap 5 to make beautiful interfaces. Bootstrap is loaded using the userscript manager’s
GM_xmlHttpRequest function. This is done in order to bypass possible CORS-limitations.
- CSP might block parts of the GUI or stop it from opening up entirely.
- A bypass would require a fully isolated window
I’m glad you’re interested in using UserGui, welcome! To get started, please take a look at the documentation.