NEXT UI Framework

About

This is a simple framework aimed at making UI development easy for scripts that you inject into other web pages (ex: game cheats)

Install

Copy the latest version to the top of your JavaScript program

You can also automatically load the script with this code:

(function(t,e){let a=t.createElement("script");a.type="text/javascript",a.src="https://frontesque.github.io/NEXT-UI-Framework/latest.js",t.getElementsByTagName("head")[0].appendChild(a),a.onload=function(){
    // NEXT is injected here
}})(document);

Example

NEXT.create('dummy', {
	canExit: false,
});
NEXT.new('dummy','div')
    .innerHTML = `Welcome to NEXT UI Framework <span style="background: #999; border-radius: 3px;">${NEXT.variables.version}</span>!`

const mainWindow = NEXT.create('main', {
	title: 'NEXT Framework Example',
	width: 350,
	height: 225,
	canExit: true,
});
mainWindow.style.padding = "0.5em";

const toggleButton = NEXT.new('main','button');
toggleButton.innerHTML = "Click To Toggle Window Visibility";
toggleButton.onclick = () => {
    NEXT.toggle('dummy');
}

Documentation

NEXT.create(string: 'window title', object: { see below })

title: string
canExit: boolean
width: integer
height: integer
background: string (HEX)
titleBackground: string (HEX)
draggable: boolean