Introducing electron-toolkit: The Electron app to build and launch Electron apps

electron-toolkit (ET) is member of a complete new genre of npm packages which blend into the command line workflow while also providing a user interface.

If you have an electron project you can easily install electron-toolkit from the command line with:

npm install electron-toolkit –save-dev

ET is extremely lightweight and small in size. The trick: it knows that you want to publish an Electron app. So instead of bringing its own Electron binaries it will just find and re-use the Electron version that your application is using. This also means that if you’re trying to launch it standalone, outside a project, it will probably die in a horrible way… But that’s OK. Just be warned.

After the installation add the launch script to your package.json or launch it directly with:

“scripts”: {

“electron-toolkit”: “electron ./node_modules/electron-toolkit”


Run the script with:

npm run electron-toolkit

The app starts and you should see something like this.


Previousy, one would have to open a browser, go to a website, upload their company’s logo to one of these sketchy icon web services, download a zip (or virus) with icons for all platforms, and extract it to the correct folder. This process can now be replaced with two clicks.

Screenshots and Videos

The assets category contains another tool: Screen Capture

The Screen Capture Tool makes it extremely easy to create screenshots and videos to showcase your application in marketing campaigns. All you have to do is click the big, blue button.

electron-toolkit uses context information to find and launch the correct main application. It then communicates with the other application process to determine the correct application window automatically. Next, it establishes a video stream of the other app as live-preview. The preview even works when the main application is partially or fully covered by other windows. You can setup the main app’s UI and with another click electron-toolkit will start recording or save screenshots remotely to the gallery.


Equipped with icons, we can move on to the next tool: the Installer Configurator. electron-toolkit helps to configure electron-builder and to create installers for multiple targets.

It will use information from the application’s package.json to generate and pre-fill a form with the most important settings.


One thing that consumes an unreasonable amount of time is creating a website. There are already services that help you to speed up the process and let you click websites together such as Squarespace (the “software as a service-based tracking and data-gathering service, marketed as a content management system-integrated website builder” — Wikipedia).

But because you know Web technologies quite well you might want to build your own website and host it on GitHub pages for examples. You will spend a few days putting everything together, style it, make it responsive, test it on different devices, optimize page load times, minify sources, create source maps to be able to debug, bundle scripts, bundle assets, configure the build pipeline, think about content delivery networks, scale and optimize images for different screen resolutions and device types, register a domain, get a certificate, setup https, create an auto-deploy script, register accounts here and there etc…

And this takes a lot of time. electron-toolkit can help you with this process. You can use icons, screenshots, descriptions, and your product information from your package.json to bootstrap a great looking product page from within the tool.

I hope you like this amazing app…….

Like,comment and share your friends…

Leave a Reply

Your email address will not be published. Required fields are marked *