Developing cross-platform apps using Neutralinojs latest release

Shalitha Suranga
NeutralinoJs
Published in
2 min readOct 8, 2018

Neutralinojs is a framework for developing web apps with native calls. Usually Neutralino apps will run using web browsers. We have released native window mode that comes as a portable and lightweight alternative for electronjs along with v1.0.7-alpha 😎

What is native window mode?

Electronjs apps are rendered inside a native window. Therefore developers are able to make apps which are having native like appearance using HTML, CSS and JS. We also added same feature. Now users can decide the rendering destination of app, it can be either default web browser or a native window.

Sample app running on default browser

Sample app running on a native window 😍

Wow! now it looks like electronjs app. But it is having all the advantages of Neutralinojs. You don’t need node, hundreds of node modules and also app size is still few megabytes(~1 MB compressed and ~<6MB uncompressed).

Getting started with native window mode

Simply change application mode from settings.json , Here is the minimal configuration.

{
"appname" : "myapp",
"appport" : "8080",
"mode" : "desktop-window"
}

Furthermore, Use few more things to customize window size

{
"appname" : "myapp",
"appport" : "8080",
"mode" : "desktop-window",
"desktopwindow" : {
"width" : "1000",
"height" : "700"
}
}

Internals

Neutralinojs window mode uses MSHTML (IE10/11) on Windows and gtk-webkit2 on Linux for rendering web pages. Neutralinojs is still lightweight because there is no embedded browser source like electronjs does. We use existing system libraries for rendering web elements.

Contribution

Check Neutralinojs source, Build something awesome. Add issues to improve this work!

Cheers! Happy coding..

--

--

Shalitha Suranga
NeutralinoJs

Programmer | Author of Neutralinojs | Technical Writer