Nativefier-gui is a graphical front-end for Nativefier, a command-line tool that wraps any website into a standalone desktop application using the Electron framework. Note that because the underlying core Nativefier project was officially archived by its creator, nativefier-gui is a legacy tool. However, it remains highly functional for users who prefer a visual interface over typing long terminal commands. Key Requirements
Before installing, you must have Node.js and its package manager (npm) set up on your operating system:
Windows/macOS: Download and run the official installer from the Node.js Official Website.
Linux: Install using your package manager (e.g., sudo apt install nodejs npm or sudo dnf install npm). Step 1: Install the Nativefier Core
Because the GUI acts as a wrapper, you first need the primary command-line tool installed globally on your machine.
Open your terminal, command prompt, or Node.js command prompt. Run the global installation command: npm install -g nativefier Use code with caution.
(Note: Linux or macOS users may need to prefix this with sudo if they encounter permission errors). Step 2: Download and Run Nativefier-gui
You do not need to install the GUI via npm; it is distributed as a portable executable.
Navigate to the official releases page on the matthewruzzi/nativefier-gui GitHub Repository.
Download the compressed package tailored to your exact operating system and architecture (e.g., win32-x64.zip for 64-bit Windows, darwin-arm64.zip for Apple Silicon Macs, or linux-x64.zip for Linux).
Extract the downloaded ZIP archive into a permanent folder on your local drive.
Open the extracted folder and double-click the nativefier-gui executable file to launch the control dashboard. Step 3: How to Use the GUI to Build an App
The interface consolidates Nativefier’s complex terminal arguments into a single, straightforward menu form.
┌────────────────────────────────────────────────────────┐ │ Nativefier GUI Dashboard │ ├────────────────────────────────────────────────────────┤ │ App Name: [ WhatsApp Web ]│ │ Target URL: [ https://whatsapp.com ]│ │ │ │ Options: │ │ [X] Enable Flash [ ] Widevine DRM [X] Injected CSS│ │ [X] Make Executable Single-Instance │ │ │ │ Icon: [ Path/To/Custom-Icon.png [Browse]│ │ │ │ [ BUILD APP ] │ └────────────────────────────────────────────────────────┘
Leave a Reply