Live preview your HTML, CSS, and JavaScript files directly inside ACode — powered by the InstantLiveServer local server app. No Termux, no Node.js, no PC required.
This plugin requires the InstantLiveServer app (v1.4.0 or above) to function. InstantLiveServer runs a local HTTP server on your Android device that serves your HTML, CSS, and JS files.
Download InstantLiveServer: GitHub — InstantLiveServer
Watch the short setup guide on YouTube: Short Video
Watch the long setup guide on YouTube: Long Video
Step 1 — Set Up InstantLiveServer
- Download and install InstantLiveServer from the link above.
- Open InstantLiveServer.
- Tap Select .html File and choose your HTML file.
- Optionally tap Add More Files to add CSS, JS, or JSON files.
- Tap Start Hosting — a short ad plays, then server starts on
http://127.0.0.1:7090.
Step 2 — Install This Plugin
- Open ACode → menu icon → Plugins.
- Search for InstantLiveServer LivePreviewer → Install.
- Open ACode and open any
.htmlfile. - Make sure InstantLiveServer is running and hosting your file.
- Tap the floating W button, or press Ctrl + Shift + W.
- The live preview panel opens showing your page in real time.
- Save your file — preview auto-reloads within 500ms.
- Normal mode — shows your page title from the
<title>tag - Edit mode — tap to change port and path (e.g.
7090/data.json) - Path support — navigate to any hosted file like
/data.jsonor/style.css localhost:prefix is fixed and cannot be removed
- Live preview with 500ms auto-reload
- Address bar shows page title from
<title>tag - Navigate to any hosted path (e.g.
/data.json,/config.json) - Portrait and landscape layout support
- Resizable preview panel
- Fullscreen preview mode
- Draggable floating W button
- Built-in Eruda JS console (fullscreen mode)
- Keyboard shortcut: Ctrl + Shift + W
- No Termux, no Node.js, no PC required
Preview not loading?
- Make sure InstantLiveServer is open and hosting
- Check the port matches in both apps (default:
7090) - Tap the reload button in the plugin panel
CSS/JS not loading?
- In InstantLiveServer, use Add More Files to select CSS/JS files alongside your HTML
This plugin is fully open source and publicly available at github.com/TechSetuApps/InstantLiveServer-Plugin
It is maintained independently to promote transparency and user freedom. You are welcome to inspect, modify, or improve the code as needed.
This plugin is developed and maintained independently by TechSetuApps and is not officially affiliated with or endorsed by the ACode team or its parent company.
Use this plugin at your own risk. The developer is not responsible for any data loss, app malfunction, or system issues arising from its use.
For feedback or bug reports, contact: techsetuapps@gmail.com
TechSetuApps Darbhanga, Bihar, India techsetuapps@gmail.com github.com/TechSetuApps
Eruda — MIT License — Copyright © 2017 liriliri github.com/liriliri/eruda