Turn any website into separate native application

As a Windows user, I do most of my work on my PC using a browser, not because I prefer it, but because is that most of the applications nowadays tend to be web-based, for example, Google applications(Gmail, Keep notes, Youtube, etc.).

The problem with the browser is that it ruins the navigation experience, at least in my opinion. I always find myself opening very large number of browser tabs and windows, which makes it difficult to navigate and return back to the previous tab, especially using the Keyboard.

Although, you are going to find desktop version for most of the services and web applications, but still, not every web app offers a standalone desktop version.

Sometimes, you have to do most of your work on certain website, and you wished that the website developers release a separate application for that website to facilitate navigation and make it easy for you to work with the website as a standalone application on your machine.

Actually, you can do this by your own, via Nativefier.

What is Nativefier?

Nativefier is a command-line tool that easily create an executable desktop application of any website with minimal configuration. It is based on the Electron platform.

Since Electron apps are platform independent, Nativefier can run on Windows, MacOS and GNU/Linux.

Features of Nativefier

  • Free and open-source(Github).
  • Platform independent.
  • Automatically retrieve app name and icon.
  • Easy to use
  • It is a lot lighter than typical Electron apps.

Installation

To install Nativefier on your machine. Firstly, you need to have Node.js and npm installed on you system. Then you install Nativefier by running this command:

CMD/Terminal
npm install -g nativefier
The minimum requirements for Nativefier
Node.js >= 10
npm >= 6

Using Nativefier

In order to create an executable app, pass the name of the website you want to create the app for, as an argument to Nativefier, just like in the example below:

CMD/Terminal
nativefier "youtube.com"

Subsequently, this will create an executable app for youtube.com.

youtube.com turned into separate native application using Nativefier
A standalone desktop YouTube app
App files and executable created by Nativefier
App files and executable created by Nativefier

Although Nativefier automatically retrieve the website name to use it as app name, you can manually specify the app name using --name argument. See the example below:

CMD/Terminal
nativefier --name MyYouTubeApp "youtube.com"

Nativefier offers many other useful options, visit the its Github page for other usage details.

Notes
When you run Nativefier for the first time, it may take some time to create the app, because Electron isn’t cached yet. Further use will be much quicker, as long as Electron is cached and no need to download it again.
Nativefier does not have back button and lacks for most of the well-known browser features and tools, such as history controls, downloads, etc. because it is designed to wrap single page web apps. On the other hand, most of the web apps nowadays does not require back button, and can be used properly without the need for it.

Have you tried Nativefier? tell us about your experience in the comments.

Share this article if you find it useful.


Share


Other articles you may find interesting

Description: Cool glowing animated frame, can be used to indicate activation or as click ripple effect Dependencies: None Mobile support:…
Read More
Description: Animated dot spinning around a word that can be used as animated logo or as a loader. Dependencies: None…
Read More
Window 10 inspired calender using HTML and CSS
Description: Calendar month view that just resembles Window 10’s calendar appearance and animations. Dependencies: JQuery Mobile support: No License: MIT…
Read More
how to test an ethernet cable
Sometimes you need to test your Ethernet cable either to make sure it is working correctly before setup or to…
Read More
embed material design icons to your website
In this guide your are going to learn how to embed google’s material design icons to your website in simple,…
Read More
managed vs unmanaged switches
In general, network switches are the main building block of wired computer networks. It’s the networking hardware that connects other…
Read More

Advertisment

Leave a Reply

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