Write and run frontend code offline with Web Maker, a code editor for browser-based projects.
FreeOpen source
24 alternativesWeb Maker
HTML, CSS, and JavaScript projects can be edited offline in Web Maker, a browser playground.
About Web Maker
Web Maker is a browser-based editor and playground for HTML, CSS, and JavaScript. It runs as a Chrome extension or progressive web app and is described as working fully offline. Users can write code with preprocessors such as SCSS, Pug, and TypeScript, preview the result in several layouts, and capture a PNG of the preview.
The source says code stays on the device unless the user chooses to share it or export it, and that no account is required to start. The extension requests permission to read and change data on websites visited, which the source says is used for the new tab replacement feature. The developer also states that it uses Google Analytics to collect aggregated usage events. Real-time collaboration and CodePen export are available features, but the source does not state which plans include them.
Key features
- Offline editing of HTML, CSS, and JavaScript in the browser
- Preprocessor support including SCSS, Pug, and TypeScript
- Real-time multi-user editing through a shareable link
- Adding libraries from a CDN by URL or one click
- Six preview layouts, including a tabbed editor
- Built-in JavaScript console, Prettier formatting, and dark mode
Best for: Front-end learners, developers prototyping small pages, and instructors who need to share code in settings with unreliable internet access.
Good for
- Source states it works fully offline, including on a plane or on hostel WiFi.
- Source states code stays on the device by default and no account is required to start.
- Runs as a Chrome extension or PWA, which the source says opens without network round-trips.
Watch out for
- The new tab replacement feature requires permission to read and change data on websites visited.
- The developer states that Google Analytics collects aggregated usage events; users must opt out separately if they prefer.
- Sharing for real-time collaboration and export to CodePen move code off the device.
Web Maker at a glance
- Website
- webmaker.app
- Category
- Development › Code Editors & IDEs
- Type
- Online tool
- Pricing
- Not confirmed. Check the site
- Platforms
- Browser extension, Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Web Maker alternatives
Tools and sites you could use instead, ranked by how closely they match.
Test React, Tailwind, JavaScript, CSS, and HTML in JSFiddle’s online code playground.
Edit and preview JavaScript, CSS, and HTML in WebDen, an online code playground optimized for mobile and tablet.
Phoenix Code is a free, open-source code editor with live preview for HTML, CSS, and JavaScript.
Write HTML, CSS, and JavaScript in an online editor with an instant preview of the result.
Popular in Code Editors & IDEs
Well-known listings from the same topic.
Notebooks.azurevisualstudio.microsoft.com/vs/features/noteboo…Replayreplay.ioVim Bootstrapvim-bootstrap.comCompiler Explorercompiler-explorer.commyCompilermycompiler.ioDevPoddevpod.sh
Web Maker FAQ
Does Web Maker require an account?
The source states that no account is required to start using Web Maker.
Why does Web Maker ask for access to data on websites?
The source says this permission is needed for the new tab replacement feature, where Web Maker appears only when the new tab URL is chrome://newtab/. The source states that nothing is read, stored, or changed.
How can a user opt out of Google Analytics tracking?
The source says users can visit the Google Analytics opt-out page or set up a filter in an ad blocker such as Adblock Plus, AdBlock, uBlock, or Adblock Pro.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.