Quote from Anthony LaTorre on April 13, 2026, 4:21 amWhat if you could build modern, professional HTML interfaces for VisualNEO Win — without writing a single line of HTML?
The NeoWin Interface Designer (NWID) is an drag-and-drop layout tool that runs right inside VisualNEO Win. It gives you a visual canvas where you design your interface, wire up events, and export a fully working HTML runtime — all powered by VNW's scripting engine behind the scenes.
What You Get
25+ controls — buttons, text inputs, sliders, combo boxes, tables, tab controls, media players, tree views, progress steps, accordions, countdown timers, and more. Each one renders as clean, modern HTML with multiple theme support.A real designer experience — snap-to-grid, alignment guides, multi-select, undo/redo, layers panel, container nesting, master pages, page transitions, and a full properties panel for every control. If you've used a form builder before, you'll feel right at home.
Variable binding — every control automatically generates VNW variables. Click a button? [btn_save.name] and [btn_save.event] are set before your subroutine fires. Change a slider? [sld_volume.value] has the number. No manual wiring needed. You can assign a VNW subroutine to any control and page enter and exit events...
JS Snippets Library — 130+ ready-to-use snippets across categories like Visual Effects, Hover Effects, Toggles, Timers, and Interactive widgets. Select a snippet, configure its parameters, click Insert. Done.
One-click export — hit Export and NWID generates runtime.html and runtime_subs.txt. Drop them into your VNW publication, add a rectangle with ezEdge, and your HTML interface is live. VNW handles the logic. HTML handles the looks.
The Big Idea
NWID doesn't replace VisualNEO Win — it extends it. VNW remains the brain: file I/O, databases, system calls, business logic. NWID gives it a modern face. Your users see a polished HTML interface. Your code stays in familiar VNW script.***Note to use the Designer you will need the ezEdge Browser Plugin: https://ezwarelab.com/product/ezedge-plugin/14
After downloading the Designer, you first should install the NWIDCompanion plugin. This plugin sets and gets JS properties and CSS styles right in VNW without righting any code... Then take a look at the QuickStart Manual in the Manuals folder... It will give you an overview of the Designer and how it operates... There is also some simple Tutorial pdf files that will help you learn how the program functions...
In the Designer click on the Layout Manager in the toolbar. and then choose Templates. You will see a list of available layouts to view or use in your project if you want to...
Finally I have created a Custom Chat GPT specifically for the NeoWin Interface Designer:
https://chatgpt.com/g/g-69b6e0cb8458819195371b416a06fc02-neo-win-interface-designerJust signup for a free ChatGPT account to use it... I created a great looking layout for the Designer the first time I used it... It will design and create layouts for you, as well as help you write code for your Designer project... So give it a look...
This is no trivial project... it's over 35,000 lines of code and many hours of revisions and fixing hundreds of bugs... You will be amazed at some of the awesome interfaces you can create...
This is a large and complex project... So inevitably there will be some bugs... If you have an issue or find a bug, please respond here and describe what you are experiencing... I will do my best to fix any issue in a timely manner...
This is version V1.2. I will update all versions accordingly as I fix things... Example: V1.3, V1.4 etc...
I hope you find this useful and thanks for giving it a look...
Cheers
What if you could build modern, professional HTML interfaces for VisualNEO Win — without writing a single line of HTML?
The NeoWin Interface Designer (NWID) is an drag-and-drop layout tool that runs right inside VisualNEO Win. It gives you a visual canvas where you design your interface, wire up events, and export a fully working HTML runtime — all powered by VNW's scripting engine behind the scenes.
What You Get
25+ controls — buttons, text inputs, sliders, combo boxes, tables, tab controls, media players, tree views, progress steps, accordions, countdown timers, and more. Each one renders as clean, modern HTML with multiple theme support.
A real designer experience — snap-to-grid, alignment guides, multi-select, undo/redo, layers panel, container nesting, master pages, page transitions, and a full properties panel for every control. If you've used a form builder before, you'll feel right at home.
Variable binding — every control automatically generates VNW variables. Click a button? [btn_save.name] and [btn_save.event] are set before your subroutine fires. Change a slider? [sld_volume.value] has the number. No manual wiring needed. You can assign a VNW subroutine to any control and page enter and exit events...
JS Snippets Library — 130+ ready-to-use snippets across categories like Visual Effects, Hover Effects, Toggles, Timers, and Interactive widgets. Select a snippet, configure its parameters, click Insert. Done.
One-click export — hit Export and NWID generates runtime.html and runtime_subs.txt. Drop them into your VNW publication, add a rectangle with ezEdge, and your HTML interface is live. VNW handles the logic. HTML handles the looks.
The Big Idea
NWID doesn't replace VisualNEO Win — it extends it. VNW remains the brain: file I/O, databases, system calls, business logic. NWID gives it a modern face. Your users see a polished HTML interface. Your code stays in familiar VNW script.
***Note to use the Designer you will need the ezEdge Browser Plugin: https://ezwarelab.com/product/ezedge-plugin/14
After downloading the Designer, you first should install the NWIDCompanion plugin. This plugin sets and gets JS properties and CSS styles right in VNW without righting any code... Then take a look at the QuickStart Manual in the Manuals folder... It will give you an overview of the Designer and how it operates... There is also some simple Tutorial pdf files that will help you learn how the program functions...
In the Designer click on the Layout Manager in the toolbar. and then choose Templates. You will see a list of available layouts to view or use in your project if you want to...
Finally I have created a Custom Chat GPT specifically for the NeoWin Interface Designer:
https://chatgpt.com/g/g-69b6e0cb8458819195371b416a06fc02-neo-win-interface-designer
Just signup for a free ChatGPT account to use it... I created a great looking layout for the Designer the first time I used it... It will design and create layouts for you, as well as help you write code for your Designer project... So give it a look...
This is no trivial project... it's over 35,000 lines of code and many hours of revisions and fixing hundreds of bugs... You will be amazed at some of the awesome interfaces you can create...
This is a large and complex project... So inevitably there will be some bugs... If you have an issue or find a bug, please respond here and describe what you are experiencing... I will do my best to fix any issue in a timely manner...
This is version V1.2. I will update all versions accordingly as I fix things... Example: V1.3, V1.4 etc...
I hope you find this useful and thanks for giving it a look...
Cheers
Quote from Anthony LaTorre on April 13, 2026, 9:53 pmI created a Custom ChatGPT that will create tutorials for you to help you learn how to work with the Designer... You can start simple and then ask the Custom GPT to create more advanced tutorials for you. Here it is: https://chatgpt.com/g/g-69b6e0cb8458819195371b416a06fc02-neo-win-interface-designer
And Below you will find a really simple tutorial in pdf format that was created by the Custom GPT...
Hope you find this useful...Cheers
I created a Custom ChatGPT that will create tutorials for you to help you learn how to work with the Designer... You can start simple and then ask the Custom GPT to create more advanced tutorials for you. Here it is: https://chatgpt.com/g/g-69b6e0cb8458819195371b416a06fc02-neo-win-interface-designer
And Below you will find a really simple tutorial in pdf format that was created by the Custom GPT...
Hope you find this useful...
Cheers
Uploaded files: