WebCode Desktop is a cross-platform desktop application built with Electron. It brings the same in-browser web development experience to your desktop, allowing you to write, preview, test, save, and load HTML, CSS, and JavaScript projects seamlessly — all without needing a browser.
- Live editing of HTML, CSS, and JavaScript using ACE Editor
- Real-time preview in a sandboxed iframe
- Save and load projects locally as JSON files
- Keyboard shortcuts:
- Run code: Ctrl+Enter
- Save project: Ctrl+S
- Clean UI with tabbed editors and console-style output
- Open preview in a new window
- Accessibility support with ARIA attributes
- Works offline — no internet required
- Cross-platform: Windows, macOS, Linux
-
Download the DMG
Get the latest macOS installer from the release page:
WebCode-1.0.0.dmg -
Install the App
- Open the
.dmgfile. - Drag WebCode.app to your Applications folder.
- Open the
-
Launch WebCode
- Open from Applications.
- macOS may show a “unidentified developer” warning — right-click → Open to bypass.
-
Download the Installer
WebCode Setup 1.0.0.exe -
Run the Installer
- Double-click the
.exefile.
- Double-click the
-
Follow the Installation Wizard
- Default installs for the current user.
- Optionally choose a custom folder.
-
Launch WebCode
- Open from desktop shortcut or Start menu.
- Will be available in future releases.
- WebCode Desktop is fully offline — projects are stored locally, no cloud required.
- Lightweight, no extra dependencies needed.
- Tested on macOS ARM64 and Windows x64.
- The online version is also available:
WebCode Web