Deoit brings HTML, CSS, and JavaScript work into a single browser workspace: project files, live preview, cloud sync, and an interactive editor for learning and shipping small web projects.
Deoit is a web IDE aimed at front-end practice and light production work in the browser. You write with syntax-aware editing, keep multi-file projects in one place, watch a live preview, and inspect output in an integrated console—so you do not juggle separate editors, servers, and preview tabs for everyday HTML, CSS, and JavaScript.
Workspaces can hold multiple files, stay in sync via the cloud, and leave the browser as ZIP downloads when you need offline copies. The product also ships lesson material, several visual themes, Google and GitHub login, and an embeddable editor for interactive demos on other sites.
- Syntax highlighting covering over 25 token types
- Autocomplete that speeds up routine edits
- Multi-file projects with a built-in file explorer
- Live preview that reflects edits as you type
- In-app console for runtime messages
- Cloud sync backed by Google or GitHub sign-in
- Seven themes plus reference lessons for structured learning
- ZIP export, PWA capability, and an embeddable editor
- Fully browser-based path with no build toolchain required
Deoit runs in the browser.
Open the current build here:
git clone https://github.com/simon-weiss92/deoit-browser-code-editor.git
cd REPOOnce the repo is on disk, serve or open the app according to the project’s own setup. The editor experience does not depend on a separate build-tool pipeline.
- Load Deoit in a current browser.
- Start a project and add HTML, CSS, or JavaScript files.
- Switch files through the explorer.
- Edit with highlighting and autocomplete enabled.
- Confirm behavior in the live preview.
- Read runtime output in the built-in console.
- Sign in with Google or GitHub if you want cloud sync.
- Export a ZIP when you need a portable or shared snapshot.
- Drop the embeddable editor into another page when you need an interactive coding surface outside the main app.
Settings live in the UI; there is no mandatory local config file. Pick any of the seven themes from editor settings, and use the account controls for Google or GitHub auth.
Cloud sync only applies after sign-in. If you prefer to stay local, keep working in the browser and rely on ZIP export for backups.
- Modern web browser
- Network access for the hosted app and cloud features
- JavaScript turned on
- Enough browser storage for your projects and assets
- No extra build tools
- Optional Google or GitHub account for authentication and sync
Anyone learning web basics or developers who want to draft and test HTML, CSS, and JavaScript without leaving the browser.
Core editing follows a zero-build-tools model. Node.js might appear inside projects that teach Node concepts, but it is not a required build step for the browser editor itself.
Sign in and use cloud synchronization, or download a ZIP for a local archive.
Yes—seven themes are available in editor settings.
Ensure JavaScript is enabled, inspect the browser console for errors, and confirm the correct file is active in the explorer. A full refresh often restores the workspace.
New releases ship through the hosted build. Open that build again to pick up the published version.
Yes. An embeddable editor mode is included for placing the coding UI inside other pages or learning platforms.
GNU GPL v3.0 - see LICENSE for details.