A lightweight, zero-dependency, runtime UI kit designed for quick deployment in any web environment.
Run the demo via the button above or by executing runGuiScript() in your browser's console.
The Ztreme GUI KIT is a single, self-contained JavaScript file. No `npm` or external dependencies are required—just copy and paste.
Since this script is designed for runtime injection, the best way to execute it is directly in your browser's Developer Console.
// 1. Open your browser's Developer Tools (F12 or Ctrl+Shift+I)
// 2. Navigate to the 'Console' tab.
// 3. Paste the full script or, if you've loaded this page:
runGuiScript();
The entire configuration is managed through a single object inside the script.
To customize your GUI:
guiConfig object near the top of the runGuiScript function.guititle, guiwidth, accessKey, and define your custom tabs array.const guiConfig = {
guititle: "My Custom GUI",
guiwidth: "400px",
accessKey: "9876",
tabs: [
{
name: "Settings",
content: "<p>Change your options here.</p>",
buttons: [{ text: "Save", action: "saveSettings" }],
actionConfig: {
// ... your custom action logic ...
}
},
// ... more tabs
],
// ... other settings
};
These Terms of Service govern your use of the Ztreme GUI KIT, an internal tool provided by **Extreme-co**.
The Ztreme GUI KIT is provided "as is" without warranty of any kind, either expressed or implied. **Extreme-co** disclaims all warranties, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose.
In no event shall **Extreme-co** be liable for any direct, indirect, incidental, special, exemplary, or consequential damages (including, but not limited to, procurement of substitute goods or services; loss of use, data, or profits; or business interruption) however caused and on any theory of liability, whether in contract, strict liability, or tort (including negligence or otherwise) arising in any way out of the use of this software, even if advised of the possibility of such damage.